/* 银星智能官网样式（复刻自原站主题，资源已本地化） */
/* ============ main.css ============ */
.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}



.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #C6C6C6;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#C6C6C6;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

/*# sourceMappingURL=baguetteBox.css.map */

@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background-color: #fff; color: #333; font-family: "微软雅黑"; font-size: 14px; font-size: 1.4rem; max-width: 100%; margin: 0 auto; overflow-x: hidden; }
.page_wrap{max-width: 1920px; margin: 0 auto;}
@media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: 100%; } }

@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: 100%; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; } }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

h1, h2 { margin: 0; padding: 0; font-weight: normal; }

img { max-width: 100%; border: 0px solid #ccc; }

embed, video, iframe { max-width: 100%; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input, textarea, select { font-family: "微软雅黑"; font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none; }

input:focus, textarea:focus, select:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
::-moz-selection { color: #fff; background: #143CA5; }
::selection { color: #fff; background: #143CA5; }

.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.self-ellipsis-5 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.self-ellipsis-6 { display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.nlazy { min-width: 20%; }

/**/
.email { word-break: break-all; }

.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img, [class*="-item"] .item-pics img { display: block !important; width: 100%; }

[class*="-item"] .item-title { overflow: hidden; color: #333; }

[class*="-item"] .item-title a { display: block; color: #333; }

[class*="-item"] .item-title a:hover { color: #143CA5 !important; }

[class*="-item"] .item-subt { overflow: hidden; color: #333; }

[class*="-item"] .item-subt a { display: block; color: #333; }

[class*="-item"] .item-subt a:hover { color: #143CA5 !important; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color: #143CA5 !important; }

.wp2 { width: 1400px; margin: auto; }

@media screen and (max-width: 1419px) { .wp2 { width: 1200px; } }

@media screen and (max-width: 1219px) { .wp2 { width: 960px; } }

@media screen and (max-width: 991px) { .wp2 { width: 720px; } }

@media screen and (max-width: 767px) { .wp2 { width: 100%; padding-left: 15px; padding-right: 15px; } }

.wp1 { width: 1200px; margin: auto; }

@media screen and (max-width: 1319px) { .wp1 { width: 960px; } }

@media screen and (max-width: 991px) { .wp1 { width: 720px; } }

@media screen and (max-width: 767px) { .wp1 { width: 100%; padding-left: 15px; padding-right: 15px; } }

.wp { width: 1300px; margin: auto; }

@media screen and (max-width: 1319px) { .wp { width: 960px; } }

@media screen and (max-width: 991px) { .wp { width: 720px; } }

@media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 15px; padding-right: 15px; } }

.no_margin { margin-left: auto !important; }

.no_marginr { margin-right: auto !important; }

.no_marginl { margin-left: auto !important; }

.at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.item-table { display: table; table-layout: fixed; width: 100%; height: 100%; }

.item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

/* .an-btn1 start */
.an-btn1 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }

.an-btn1:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #143CA5; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.an-btn1 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.an-btn1:hover { border-color: #143CA5 !important; background-color: #143CA5 \9; color: #fff !important; }

.an-btn1:hover .iconfont { color: #fff !important; }

.an-btn1:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* .an-btn1 end */
/* .an-btn2 start */
.an-btn2 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }

.an-btn2:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.an-btn2:hover { border-color: #143CA5 !important; background-color: #fff \9; color: #143CA5 !important; }

.an-btn2:hover .iconfont { color: #143CA5 !important; }

.an-btn2:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* .an-btn2 end */
@media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #143CA5; } }

@media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; }

.table table tr td { padding: 5px 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table div { width: 900px; max-width: 900px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 10px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #fff; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { text-align: center; overflow: hidden; font-size: 0; letter-spacing: 0; }

.page a { display: inline-block; vertical-align: top; border: solid 1px #E5E5E5; background-color: #fff; color: #333; min-width: 35px; padding: 0 2px; height: 30px; line-height: 28px; margin: 0 4px 10px; font-size: 14px; font-size: 1.4rem; }

.page a.prev { min-width: 69px; }

.page a.next { min-width: 61px; }

.page a:hover, .page a.page-active { border-color: #143CA5; background-color: #143CA5; color: #FFFFFF; }

.page a.no:hover{    border: solid 1px #E5E5E5; background-color: #fff; color: #333;}
@media only screen and (max-width: 1319px) { .page a { margin: 0 2px 10px; height: 24px; line-height: 22px; min-width: 28px; font-size: 12px; font-size: 1.2rem; }
  .page a.prev { min-width: 60px; }
  .page a.next { min-width: 60px; } }

.page .add-form { display: inline-block; vertical-align: top; margin-left: 5px; background: url(../images/af-bg.png) no-repeat right center; padding-right: 24px; }

.page .add-form .add-btn { font-size: 14px; font-size: 1.4rem; text-align: center; min-width: 81px; padding: 0 10px; height: 30px; line-height: 28px; border: solid 1px #E5E5E5; background-color: #fff; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.page .add-form .add-btn:hover { background-color: #143CA5; border-color: #143CA5; color: #fff; }

@media only screen and (max-width: 1319px) { .page .add-form .add-btn { min-width: 70px; height: 24px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.contact-pc { position: fixed; z-index: 999; right: 0; width: 63px; background: #FFFFFF; border: 1px solid #F5F5F5; border-radius: 10px; }

@media screen and (max-width: 991px) { .contact-pc { width: 54px; } }

@media screen and (max-width: 767px) { .contact-pc { width: 100%; bottom: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto; font-size: 0; letter-spacing: 0; height: 44px; border-radius: 0; } }

.contact-pc li { position: relative; padding: 0 8px; }

@media screen and (max-width: 767px) { .contact-pc li { display: inline-block; vertical-align: top; width: 33.33%; padding: 0; } }

.contact-pc li:hover > a > .iconfont { color: #143CA5; }

.contact-pc li > a { display: block; border-bottom: solid 1px #F5F5F5; line-height: 62px; text-align: center; }

@media screen and (max-width: 991px) { .contact-pc li > a { line-height: 54px; } }

@media screen and (max-width: 767px) { .contact-pc li > a { line-height: 44px; } }

.contact-pc li > a > .iconfont { display: block; font-size: 28px; font-size: 2.8rem; color: #999999; }

@media screen and (max-width: 991px) { .contact-pc li > a > .iconfont { font-size: 24px; font-size: 2.4rem; } }

.contact-pc .backup { display: none; }

@media screen and (max-width: 767px) { .contact-pc .backup { display: inline-block; } }

.contact-pc .ewm-box { display: none; position: absolute; top: 0; right: 100%; margin-right: 10px; width: 87px; padding: 5px 5px 9px; background-color: #fff; border: 1px solid #F5F5F5; border-radius: 12px; }

@media screen and (max-width: 767px) { .contact-pc .ewm-box { top: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; margin-right: 0; margin-bottom: 10px; } }

.contact-pc .ewm-box:before { position: absolute; content: ''; top: 10px; left: 100%; border-left: solid 8px #fff; border-top: solid 8px transparent; border-bottom: solid 8px transparent; }

@media screen and (max-width: 767px) { .contact-pc .ewm-box:before { border-left: solid 8px transparent; border-top: solid 8px #fff; border-right: solid 8px transparent; border-bottom: none; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }

.contact-pc .ewm-box .item-pic img { display: block; }

.contact-pc .ewm-box .item-title { color: #999; text-align: center; font-size: 12px; font-size: 1.2rem; }

@media only screen and (max-width: 767px) { body { padding-bottom: 44px; } }

/*back-top*/
@-webkit-keyframes top-shadow { 0% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); }
  20% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); }
  50% { box-shadow: 0px 5px 15px 0px rgba(2, 29, 92, 0.77); }
  75% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); }
  100% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); } }

.back-top { position: fixed; right: 10px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; font-size: 12px; font-size: 1.2rem; color: #999; }

.back-top .iconfont { color: #444; margin-left: 3px; }

@media only screen and (max-width: 767px) { .back-top { display: none; } }

/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #888; }

@media only screen and (max-width: 767px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { padding-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666; }

.m-oths a { color: #666; }

.m-oths a:hover { color: #143CA5; }

.m-oths .item-btn { float: left; margin-right: 5px; }

.m-oths .item-info { overflow: hidden; display: block; }

.m-oths .oths-item-1 { margin-bottom: 6px; }

@media screen and (max-width: 1319px) { .m-oths { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-oths .oths-item-1 { margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .m-oths { padding-top: 10px; line-height: 20px; font-size: 12px; font-size: 1.2rem; }
  .m-oths .oths-item-1 { margin-bottom: 0; } }

/*-------------bread start-----------------------------------------------------------------*/
.bread { position: relative; }

.bread img { display: block; width: 100%; }

.bread .item-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bread .item-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; }

.bread .item-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .bread .item-title { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 991px) { .bread .item-title { font-size: 38px; font-size: 3.8rem; } }

@media screen and (max-width: 767px) { .bread .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 480px) { .bread .item-title { font-size: 18px; font-size: 1.8rem; } }

.pro1_bread .item-title { text-align: left; }

.pro1_bread .item-title strong { color: #fff !important; background: transparent; -webkit-background-clip: border-box; -webkit-text-fill-color: #fff; }

.s_bread{max-width: 1920px; margin: 0 auto;}

.s_bread .item-body { padding-bottom: 17.91667%; }

.s_bread .item-title strong { color: #fff !important; background: transparent; -webkit-background-clip: border-box; -webkit-text-fill-color: #fff; }

/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #666; opacity: 1; }

/* WebKit browsers */
.search-box :-o-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #666; opacity: 1; }

/* Internet Explorer 10+ */
.search { position: relative; margin-top: 33px; margin-right: 15px; }

@media screen and (max-width: 1319px) { .search { margin-top: 20px; } }

@media screen and (max-width: 991px) { .search { display: none; } }

.search .search-icon { cursor: pointer; display: block; }

.search .search-icon .iconfont { display: block; color: #898989; font-weight: bold; font-size: 17px; font-size: 1.7rem; line-height: 24px; }

.search .search-icon .iconfont:hover { color: #143CA5; }

.search .search-box { display: none; overflow: hidden; position: absolute; top: 38px; right: 0; z-index: 999; width: 260px; height: 50px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); padding: 10px 10px; cursor: pointer; }

.search .search-box .iconfont { border-radius: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #143CA5; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 10px; top: 50%; margin-top: -15px; z-index: -1; }

.search .search-box .item-input { position: absolute; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; width: 100%; left: 0; padding: 0 45px 0 10px; }

.search .search-box .item-submit { position: absolute; width: 35px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }

/*-------------header start----------------------------------------------------------------*/
.header.fixed, .header.index-header.fixed, .header.index-header:hover { background-color: #fff; border-bottom: solid 1px #f0f0f0; position: fixed; }

.header.fixed .logo .logo1, .header.index-header.fixed .logo .logo1, .header.index-header:hover .logo .logo1 { visibility: visible; opacity: 1; }

.header.fixed .logo .logo2, .header.index-header.fixed .logo .logo2, .header.index-header:hover .logo .logo2 { visibility: hidden; opacity: 0; }

.header.fixed .navlist > li > a, .header.index-header.fixed .navlist > li > a, .header.index-header:hover .navlist > li > a { color: #666 !important; }

.header.fixed .navlist > li:hover > a, .header.index-header.fixed .navlist > li:hover > a, .header.index-header:hover .navlist > li:hover > a { color: #143CA5 !important; }

.header.fixed .lang-box .lang-title, .header.index-header.fixed .lang-box .lang-title, .header.index-header:hover .lang-box .lang-title { color: #666; }

.header.fixed .lang-box .lang-title:hover, .header.index-header.fixed .lang-box .lang-title:hover, .header.index-header:hover .lang-box .lang-title:hover { color: #143CA5; }

.header.fixed .search .search-icon .iconfont, .header.index-header.fixed .search .search-icon .iconfont, .header.index-header:hover .search .search-icon .iconfont { color: #898989; }

.header.fixed .search .search-icon .iconfont:hover, .header.index-header.fixed .search .search-icon .iconfont:hover, .header.index-header:hover .search .search-icon .iconfont:hover { color: #143CA5; }

.header { position: relative; top: 0; left: 0; z-index: 999999; width: 100%; background: #FFFFFF; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }

.header:before { position: absolute; content: ''; top: 100%; left: 0; width: 100%; background-color: #fff; -webkit-transition: all .45s; -o-transition: all .45s; -moz-transition: all .45s; transition: all .45s; height: 0; -webkit-border-radius: 0px 0px 32px 32px; border-radius: 0px 0px 32px 32px; }

.header.active-pro:before { height: 340px; }

.header.active-news:before, .header.active-contact:before { height: 120px; }


@media screen and (min-width: 992px) { .header.index-header { position: absolute; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: none; }
  .header.index-header .logo .logo1 { visibility: hidden; opacity: 0; }
  .header.index-header .logo .logo2 { visibility: visible; opacity: 1; }
  .header.index-header .navlist > li > a { color: #fff !important; }
  .header.index-header .lang-box .lang-title { color: #fff; }
  .header.index-header .lang-box .lang-title:hover { color: #143CA5; }
  .header.index-header .search .search-icon .iconfont { color: #fff; }
  .header.index-header .search .search-icon .iconfont:hover { color: #143CA5; } }

.header .lang-box { margin-top: 33px; position: relative; }

@media screen and (max-width: 1319px) { .header .lang-box { margin-top: 20px; } }

@media screen and (max-width: 991px) { .header .lang-box { margin-top: 0; position: absolute; right: 45px; top: 15px; } }

@media screen and (max-width: 767px) { .header .lang-box { top: 10px; } }

.header .lang-box .lang-title { cursor: pointer; font-size: 12px; font-size: 1.2rem; line-height: 24px; color: #666; }

.header .lang-box .lang-list { display: none; position: absolute; width: 100px; top: 100%; left: 50%; margin-left: -50px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); text-align: center; }

.header .lang-box .lang-list a { font-size: 12px; font-size: 1.2rem; line-height: 20px; display: block; color: #333; padding: 5px; }

.header .lang-box .lang-list a:hover { color: #143CA5; }

.header .logo { float: left; display: block; width: 150px; margin: 36px 0 0; }

.header .logo a { display: block; position: relative; padding-bottom: 12%; overflow: hidden; }

.header .logo .logo1, .header .logo .logo2 { display: block; margin: 0 auto; width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.header .logo .logo1 { visibility: visible; opacity: 1; }

.header .logo .logo2 { visibility: hidden; opacity: 0; }

.header .logo img { display: block; }

@media screen and (max-width: 1319px) { .header .logo { margin-top: 23px; } }

@media screen and (max-width: 991px) { .header .logo { margin: 20px 0; } }

@media screen and (max-width: 767px) { .header .logo { width: 130px; margin: 15px 0; } }

.header .navlist { float: right; margin-top: 0!important; margin-right: 183px!important; font-size: 0; letter-spacing: 0; }

.header .navlist > li { display: inline-block; vertical-align: top; margin-left: 0!important; }

.header .navlist > li:first-child { margin-left: 0; }

.header .navlist > li > a { font-size: 16px; font-size: 1.6rem; display: block; line-height: 24px; color: #666; padding-bottom: 33px; padding-top: 33px; padding-left: 21px; padding-right: 21px;}

.header .navlist > li.nav-active > a, .header .navlist > li:hover > a { color: #143CA5; }

@media screen and (max-width: 1319px) { .header .navlist {/* margin-top: 20px; */ margin-right: 10px!important; }
  .header .navlist > li { margin-left: 0!important; }
  .header .navlist > li > a { padding-bottom: 20px; padding-top: 20px; padding-left: 15px; padding-right: 15px;} }

@media screen and (max-width: 991px) { .header .navlist { display: none; } }

.header .navlist li:hover .pro-select, .header .navlist li:hover .yiji { /* transform: translateY(0px); visibility:visible; opacity:1; */ overflow: visible; height: inherit; opacity: 1; }

.header .navlist li:hover .pro-select .wp1, .header .navlist li:hover .yiji .wp1 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.header .pro-select { /* display: block; visibility: hidden; opacity: 0; transform: translateY(30px); transform-origin: top; */ z-index: 99; position: absolute; top: 100%; width: 100%; left: 0; border-top: 1px solid #F3F7FB; height: 0; overflow: hidden; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.header .pro-select .wp1 { -webkit-transition: all .55s; -o-transition: all .55s; -moz-transition: all .55s; transition: all .55s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; padding: 60px 0 45px; }

@media screen and (max-width: 1319px) { .header .pro-select .wp1 { padding: 40px 0 25px; } }

.header .pro-select .box-list { font-size: 0; letter-spacing: 0; }

.header .pro-select .box-list .list-item { display: inline-block; vertical-align: top; width: 15%; margin-left: 2%; margin-bottom: 15px; }

.header .pro-select .box-list .list-item:nth-child(6n+1) { margin-left: 0; }

.header .pro-select .box-list .item-pic { -webkit-border-radius: 16px; border-radius: 16px; background-color: #F3F7FB; }

.header .pro-select .box-list .item-pic a { display: block; padding-bottom: 100%; overflow: hidden; position: relative; }

.header .pro-select .box-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.header .pro-select .box-list .item-title { text-align: center; margin-top: 14px; font-size: 18px; font-size: 1.8rem; line-height: 24px; }

@media screen and (max-width: 1319px) { .header .pro-select .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

.header .yiji { /* display: block; visibility: hidden; opacity: 0; transform: translateY(30px); transform-origin: top; transition: all 400ms ease; */ z-index: 99; position: absolute; top: 100%; width: 100%; left: 0; border-top: 1px solid #F3F7FB; -webkit-border-radius: 0px 0px 32px 32px; border-radius: 0px 0px 32px 32px; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; height: 0; overflow: hidden; }

.header .yiji .wp1 { -webkit-transition: all .55s; -o-transition: all .55s; -moz-transition: all .55s; transition: all .55s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; padding: 47px 0 47px; }

@media screen and (max-width: 1319px) { .header .yiji .wp1 { padding: 30px 0; } }

.header .yiji .box-list { font-size: 0; letter-spacing: 0; text-align: center; }

.header .yiji .box-list > a { display: inline-block; vertical-align: top; font-size: 18px; font-size: 1.8rem; line-height: 24px; margin: 0 23px; }

.header .yiji .box-list > a:hover { color: #143CA5; }

@media screen and (max-width: 1319px) { .header .yiji .box-list > a { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { background-color: #0B1320; }

.footer, .footer * { color: #999; }

.footer a:hover { color: #fff; }

.footer .f-top { font-size: 0; letter-spacing: 0; padding: 64px 0 52px; border-bottom: solid 1px #404040; border-bottom-color: rgba(64, 64, 64, 0.5); }

@media screen and (max-width: 991px) { .footer .f-top { padding: 50px 0 20px; } }

@media screen and (max-width: 767px) { .footer .f-top { padding: 15px 0 10px; } }

.footer .f-top .flist { display: inline-block; vertical-align: top; margin-bottom: 30px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media screen and (max-width: 991px) { .footer .f-top .flist { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 767px) { .footer .f-top .flist { font-size: 12px; font-size: 1.2rem; line-height: 22px; } }

.footer .f-top .flist1 { width: 25.38462%; padding-right: 25px; }

@media screen and (max-width: 1319px) { .footer .f-top .flist1 { width: 23.07692%; } }

@media screen and (max-width: 767px) { .footer .f-top .flist1 { display: none; } }

.footer .f-top .flist1 .logo1 img { display: block; }

.footer .f-top .flist2 { width: 15%; }

@media screen and (max-width: 1319px) { .footer .f-top .flist2 { width: 18.84615%; } }

@media screen and (max-width: 767px) { .footer .f-top .flist2 { display: none; } }

.footer .f-top .flist3 { width: 15%; }

@media screen and (max-width: 1319px) { .footer .f-top .flist3 { width: 16.53846%; } }

@media screen and (max-width: 767px) { .footer .f-top .flist3 { display: none; } }

.footer .f-top .flist4 { width: 20.76923%; }

@media screen and (max-width: 1319px) { .footer .f-top .flist4 { width: 17.69231%; } }

@media screen and (max-width: 767px) { .footer .f-top .flist4 { display: none; } }

.footer .f-top .flist5 { width: 23.84615%; }

@media screen and (max-width: 767px) { .footer .f-top .flist5 { width: 100%; margin-bottom: 0; text-align: center; } }

.footer .f-top .flist5 .box-tel { margin-top: -6px; font-family: "Bebas"; font-size: 24px; font-size: 2.4rem; line-height: 1.3; color: #fff; margin-bottom: 136px; }

@media screen and (max-width: 991px) { .footer .f-top .flist5 .box-tel { margin: -5px 0 60px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .footer .f-top .flist5 .box-tel { margin: 0 0 5px; font-size: 18px; font-size: 1.8rem; } }

.footer .f-top .flist5 .item-title { margin-bottom: 18px; }

@media screen and (max-width: 991px) { .footer .f-top .flist5 .item-title { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .footer .f-top .flist5 .item-title { margin-bottom: 5px; } }

.footer .f-top .flist5 .item-follow { font-size: 0; letter-spacing: 0; }

.footer .f-top .flist5 .item-follow > a { display: inline-block; vertical-align: top; position: relative; margin-left: 15px; }

@media screen and (max-width: 991px) { .footer .f-top .flist5 .item-follow > a { margin-left: 10px; } }

@media screen and (max-width: 767px) { .footer .f-top .flist5 .item-follow > a { margin-left: 6px; } }

.footer .f-top .flist5 .item-follow > a:first-child { margin-left: 0; }

.footer .f-top .flist5 .item-follow > a:hover .iconfont { border-color: #fff; color: #fff; }

.footer .f-top .flist5 .item-follow > a .iconfont { display: block; width: 40px; height: 40px; line-height: 36px; border: solid 2px #C9C9C9; border-radius: 50%; text-align: center; color: #C9C9C9; font-size: 20px; font-size: 2rem; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

@media screen and (max-width: 991px) { .footer .f-top .flist5 .item-follow > a .iconfont { width: 34px; height: 34px; line-height: 30px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .footer .f-top .flist5 .item-follow > a .iconfont { width: 28px; height: 28px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.footer .f-top .footer-title { font-weight: bold; margin-bottom: 16px; margin-top: -3px; }

.footer .f-top .footer-title, .footer .f-top .footer-title * { color: #fff; }

.footer .f-top .footer-title a:hover { text-decoration: underline; }

.footer .f-bot { padding: 5px 0 16px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }

@media screen and (max-width: 767px) { .footer .f-bot { padding: 5px 0 10px; } }

.footer .f-bot .item-lang { position: absolute; top: 0; right: 0; }

.footer .f-bot .item-lang .lang-title { cursor: pointer; }

.footer .f-bot .item-lang .lang-list { display: none; position: absolute; width: 100px; bottom: 100%; left: 50%; margin-left: -50px; background-color: #999; text-align: center; }

.footer .f-bot .item-lang .lang-list a { display: block; color: #333; padding: 5px; }

.footer .f-bot .item-lang .lang-list a:hover { color: #143CA5; }

.footer .f-bot .item-box { position: relative; padding-right: 90px; }

.footer .f-bot .copyright { float: left; }

@media screen and (max-width: 1319px) { .footer .f-bot .copyright { float: none; } }

.footer .f-bot .item-keys { overflow: hidden; padding-left: 24px; }

@media screen and (max-width: 1319px) { .footer .f-bot .item-keys { padding-left: 0; padding-top: 5px; } }

@media screen and (max-width: 767px) { .footer .f-bot .item-keys { display: none; } }

.footer .f-bot .links { margin-top: 9px; text-align: center; }

.footer .f-bot .links a { display: inline-block; margin-right: 30px; }

@media screen and (max-width: 767px) { .footer .f-bot .links { display: none; } }

.footer .item-a { position: relative; }

.footer .item-a .item-ewm { position: absolute; width: 100px; max-width: 100px; left: 50%; margin-left: -50px; margin-bottom: 5px; bottom: 100%; }

/*-------------footer end------------------------------------------------------------------*/
.page_wrap { padding: 70px 0 100px; }

@media screen and (max-width: 1319px) { .page_wrap { padding: 60px 0 70px; } }

@media screen and (max-width: 991px) { .page_wrap { padding: 40px 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 30px 0; } }

/*-------------1-关于银星 start-------------------------------------------------------------*/
.video-backdrop { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.6); z-index: 999999999; /* .item-videobox start */ /* .item-videobox end */ }

.video-backdrop .bg-cls { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.video-backdrop .item-close { position: absolute; right: -15px; top: -15px; color: #fff; font-size: 30px; font-size: 3.0rem; cursor: pointer; z-index: 3; }

@media screen and (max-width: 767px) { .video-backdrop .item-close { font-size: 26px; font-size: 2.6rem; right: -13px; top: -13px; } }

.video-backdrop .item-videobox { z-index: 2; max-width: 1100px; border-radius: 0; position: absolute; top: 50%; left: 50%; width: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.video-backdrop .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 56.36364%; height: 0; }

.video-backdrop .item-videobox .item-video iframe, .video-backdrop .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.video-backdrop .item-videobox .item-video iframe body { margin: 0px !important; }

.about-box1 { cursor: pointer; background: linear-gradient(90deg, rgba(11,19,32,.55), rgba(11,19,32,.10) 62%), url(/uploads/meelux/banner-about.jpg) no-repeat center; background-size: cover; padding: 267px 0 268px; }

.about-box1:hover .item-btn .iconfont { box-shadow: 0 0 10px #fff; }

@media screen and (max-width: 1319px) { .about-box1 { padding: 200px 0; } }

@media screen and (max-width: 991px) { .about-box1 { padding: 100px 0; } }

@media screen and (max-width: 767px) { .about-box1 { padding: 40px 0; } }

.about-box1 .item-pic { margin-bottom: 25px; width: 44.61538%; min-width: 200px; }

.about-box1 .item-pic img { display: block; }

@media screen and (max-width: 1319px) { .about-box1 .item-pic { margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .about-box1 .item-pic { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .about-box1 .item-pic { margin-bottom: 10px; } }

.about-box1 .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; color: #fff; margin-bottom: 115px; }

@media screen and (max-width: 1319px) { .about-box1 .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .about-box1 .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .about-box1 .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 30px; } }

.about-box1 .item-btn { font-size: 14px; font-size: 1.4rem; color: #fff; }

.about-box1 .item-btn .iconfont { font-size: 25px; font-size: 2.5rem; vertical-align: middle; margin-right: 8px; border-radius: 50%; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

@media screen and (max-width: 767px) { .about-box1 .item-btn { font-size: 12px; font-size: 1.2rem; }
  .about-box1 .item-btn .iconfont { font-size: 20px; font-size: 2rem; } }

.about-box2 { padding: 119px 0 97px; }

@media screen and (max-width: 1319px) { .about-box2 { padding: 70px 0 50px; } }

@media screen and (max-width: 991px) { .about-box2 { padding: 50px 0 35px; } }

@media screen and (max-width: 767px) { .about-box2 { padding: 30px 0 15px; } }

.about-box2 .box-list { font-size: 0; letter-spacing: 0; position: relative; }

.about-box2 .box-list:before, .about-box2 .box-list:after { position: absolute; content: ''; width: 2px; background-color: #DCDCDC; top: 5px; bottom: 20px; }

@media screen and (max-width: 767px) { .about-box2 .box-list:before, .about-box2 .box-list:after { display: none; } }

.about-box2 .box-list:before { left: 28.84615%; }

@media screen and (max-width: 1319px) { .about-box2 .box-list:before { left: 30%; } }

.about-box2 .box-list:after { right: 28.84615%; }

@media screen and (max-width: 1319px) { .about-box2 .box-list:after { right: 35%; } }

.about-box2 .box-list .list-item { display: inline-block; vertical-align: top; width: 23.07692%; margin-left: 15.38462%; margin-bottom: 20px; }

.about-box2 .box-list .list-item:first-child { margin-left: 0; }

@media screen and (max-width: 1319px) { .about-box2 .box-list .list-item { width: 30%; margin-left: 5%; } }

@media screen and (max-width: 767px) { .about-box2 .box-list .list-item { width: 32%; margin-left: 2%; } }

@media screen and (max-width: 640px) { .about-box2 .box-list .list-item { width: 100%; margin-left: 0; text-align: center; } }

.about-box2 .box-list .item-title { overflow: visible; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; margin-bottom: 22px; }

.about-box2 .box-list .item-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .about-box2 .box-list .item-title { font-size: 50px; font-size: 5rem; margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .about-box2 .box-list .item-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .about-box2 .box-list .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px; } }

.about-box2 .box-list .item-desc { font-size: 24px; font-size: 2.4rem; line-height: 1.333; }

@media screen and (max-width: 1319px) { .about-box2 .box-list .item-desc { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .about-box2 .box-list .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .about-box2 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

.about-box3 { background: url(../images/about6.jpg) no-repeat center; background-size: cover; padding: 99px 0 165px; }

@media screen and (max-width: 1319px) { .about-box3 { padding: 70px 0 100px; } }

@media screen and (max-width: 991px) { .about-box3 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .about-box3 { padding: 30px 0; } }

.about-box3 .box-title { float: right; width: 180px; font-size: 12px; font-size: 1.2rem; line-height: 16px; color: #ccc; position: relative; top: 2px; }

@media screen and (max-width: 640px) { .about-box3 .box-title { margin-bottom: 20px; } }

.about-box3 .box-list { overflow: hidden; font-size: 0; letter-spacing: 0; }

@media screen and (max-width: 640px) { .about-box3 .box-list { width: 100%; } }

.about-box3 .box-list .list-item { display: inline-block; vertical-align: top; width: 240px; }

@media screen and (max-width: 1319px) { .about-box3 .box-list .list-item { width: 200px; } }

@media screen and (max-width: 991px) { .about-box3 .box-list .list-item { width: 33.33333%; } }

.about-box3 .box-list .item-title { color: #143CA5; font-size: 24px; font-size: 2.4rem; line-height: 1.3; }

@media screen and (max-width: 1319px) { .about-box3 .box-list .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .about-box3 .box-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .about-box3 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.about-box3 .box-list .item-desc { color: #143CA5; font-weight: bold; font-size: 32px; font-size: 3.2rem; line-height: 1.3; letter-spacing: 2px; }

@media screen and (max-width: 1319px) { .about-box3 .box-list .item-desc { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 991px) { .about-box3 .box-list .item-desc { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .about-box3 .box-list .item-desc { font-size: 18px; font-size: 1.8rem; letter-spacing: 1px; } }

.about-box3 .box-desc { margin-top: 68px; padding-top: 64px; border-top: solid 2px #DCDCDC; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.about-box3 .box-desc, .about-box3 .box-desc * { color: #000000; }

@media screen and (max-width: 1319px) { .about-box3 .box-desc { margin-top: 50px; padding-top: 50px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .about-box3 .box-desc { margin-top: 30px; padding-top: 30px; line-height: 24px; } }

@media screen and (max-width: 767px) { .about-box3 .box-desc { margin-top: 20px; padding-top: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.about-box4 { height: 1000px; background: url(../images/about9-star.jpg) no-repeat center; position: relative; }

@media screen and (max-width: 1319px) { .about-box4 { height: 800px; } }

@media screen and (max-width: 991px) { .about-box4 { height: 550px; background-position: center 72%; } }

@media screen and (max-width: 767px) { .about-box4 { height: auto; background: url(../images/about9-star-m.jpg) no-repeat center; background-size: cover; padding: 30px 0; } }

.about-box4 .item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; }

@media screen and (max-width: 1319px) { .about-box4 .item-bg { background-size: auto 100%; } }

@media screen and (max-width: 767px) { .about-box4 .item-bg { background-image: none; position: relative; } }

.about-box4 .box-title { font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; padding-top: 103px; }

.about-box4 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .about-box4 .box-title { font-size: 50px; font-size: 5rem; padding-top: 70px; } }

@media screen and (max-width: 991px) { .about-box4 .box-title { font-size: 38px; font-size: 3.8rem; padding-top: 50px; } }

@media screen and (max-width: 767px) { .about-box4 .box-title { font-size: 22px; font-size: 2.2rem; padding-top: 0; margin-bottom: 25px; } }

.about-box4 .box-list { font-size: 0; letter-spacing: 0; position: absolute; bottom: 162px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 1120px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list { width: 960px; bottom: 125px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list { width: 720px; bottom: 80px; } }

@media screen and (max-width: 767px) { .about-box4 .box-list { width: 100%; position: relative; bottom: auto; } }

.about-box4 .box-list .list-item { display: inline-block; vertical-align: bottom; width: 130px; margin: 0 15px; padding-bottom: 37px; background: url(../images/about11-ring.png) no-repeat bottom; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .list-item { margin: 0 0.83333%; width: 12.61905%; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .list-item { background-size: 20px; padding-bottom: 25px; } }

@media screen and (max-width: 767px) { .about-box4 .box-list .list-item { width: 100%; margin: 0 0 15px !important; padding-bottom: 0; padding-left: 25px; background-size: 15px; background-position: left 3px; } }

.about-box4 .box-list .item2 { margin-bottom: 75.5px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item2 { margin-bottom: 59.1px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item2 { margin-bottom: 52.5px; } }

.about-box4 .box-list .item3 { margin-bottom: 151px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item3 { margin-bottom: 118.2px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item3 { margin-bottom: 105px; } }

.about-box4 .box-list .item4 { margin-bottom: 226.5px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item4 { margin-bottom: 177.3px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item4 { margin-bottom: 157.5px; } }

.about-box4 .box-list .item5 { margin-bottom: 302px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item5 { margin-bottom: 236.3px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item5 { margin-bottom: 210px; } }

.about-box4 .box-list .item6 { margin-bottom: 377.5px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item6 { margin-bottom: 295.4px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item6 { margin-bottom: 262.5px; } }

.about-box4 .box-list .item7 { margin-bottom: 453px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item7 { margin-bottom: 354.5px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item7 { margin-bottom: 315px; } }

.about-box4 .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #fff; margin-bottom: 10px; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; margin-bottom: 5px; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.about-box4 .box-list .item-date { text-align: center; font-size: 32px; font-size: 3.2rem; line-height: 1.2; font-weight: bold; color: #fff; }

@media screen and (max-width: 1319px) { .about-box4 .box-list .item-date { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 991px) { .about-box4 .box-list .item-date { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .about-box4 .box-list .item-date { text-align: left; font-size: 18px; font-size: 1.8rem; } }

.about-box5 { background: url(../images/about5-v4.jpg) no-repeat center; background-attachment: fixed; background-size: cover; position: relative; padding: 82px 0 65px; }

.about-box5:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/about5-v4.jpg) no-repeat center; background-size: cover; z-index: -1; }

@media screen and (max-width: 1319px) { .about-box5 { padding: 70px 0 65px; } }

@media screen and (max-width: 991px) { .about-box5 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .about-box5 { padding: 30px 0; } }

/* 荣誉版块移动端适配：切换竖版背景图，并关闭 fixed 附着（iOS 不支持 fixed 且窄屏下会错位放大） */
@media screen and (max-width: 767px) { .about-box5 { background: url(../images/about5-v4-m.jpg) no-repeat center; background-attachment: scroll; background-size: cover; } .about-box5:before { background-image: url(../images/about5-v4-m.jpg); } }

.about-box5 .box-list { font-size: 0; letter-spacing: 0; padding-bottom: 30px; }

@media screen and (max-width: 1319px) { .about-box5 .box-list { padding-bottom: 20px; } }

@media screen and (max-width: 991px) { .about-box5 .box-list { padding-bottom: 10px; } }

.about-box5 .box-list .list-item { display: inline-block; vertical-align: top; width: 21%; margin: 0 2% 29px; }

@media screen and (max-width: 1319px) { .about-box5 .box-list .list-item { width: 23%; margin: 0 1% 25px; } }

@media screen and (max-width: 991px) { .about-box5 .box-list .list-item { width: 31.33%; margin: 0 1% 20px; } }

@media screen and (max-width: 480px) { .about-box5 .box-list .list-item { width: 48%; margin-bottom: 15px; } }

.about-box5 .box-list .item-box { position: relative; padding-bottom: 100%; background: url(../images/about4-v2.png) no-repeat center; background-size: contain; }

.about-box5 .box-list .item-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 0 20px; }

@media screen and (max-width: 1319px) { .about-box5 .box-list .item-body { padding: 0 15px; } }

@media screen and (max-width: 767px) { .about-box5 .box-list .item-body { padding: 0 10px; } }

.about-box5 .box-list .item-subt { color: #fff; font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 1.3; margin-bottom: 4px; }

@media screen and (max-width: 1319px) { .about-box5 .box-list .item-subt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .about-box5 .box-list .item-subt { line-height: 1.2; } }

.about-box5 .box-list .item-title { color: #fff; font-weight: bold; font-size: 32px; font-size: 3.2rem; line-height: 1.3125; margin-bottom: 12px; }

@media screen and (max-width: 1319px) { .about-box5 .box-list .item-title { font-size: 26px; font-size: 2.6rem; line-height: 1.3; margin-bottom: 5px; } }

@media screen and (max-width: 991px) { .about-box5 .box-list .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .about-box5 .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 2px; } }

.about-box5 .box-list .item-date { color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 1.3; }

@media screen and (max-width: 1319px) { .about-box5 .box-list .item-date { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .about-box5 .box-list .item-date { font-size: 12px; font-size: 1.2rem; } }

.about-box5 .more_btn { font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #fff; text-align: center; cursor: pointer; }

@media screen and (max-width: 1319px) { .about-box5 .more_btn { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .about-box5 .more_btn { font-size: 12px; font-size: 1.2rem; } }

.about-box6 { background: url(../images/about6-v3.jpg) no-repeat center; background-attachment: fixed; background-size: cover; position: relative; padding: 57px 0 78px; }

.about-box6:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/about6-v3.jpg) no-repeat center; background-size: cover; z-index: -1; }

@media screen and (max-width: 1319px) { .about-box6 { padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .about-box6 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .about-box6 { padding: 30px 0; } }

/* 资质认证版块移动端适配：切换竖版背景图，并关闭 fixed 附着（iOS 不支持 fixed 且窄屏下会错位放大） */
@media screen and (max-width: 767px) { .about-box6 { background: url(../images/about6-v3-m.jpg) no-repeat center; background-attachment: scroll; background-size: cover; } .about-box6:before { background-image: url(../images/about6-v3-m.jpg); } }

.about-box6 .box-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; margin-bottom: 63px; }

.about-box6 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .about-box6 .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .about-box6 .box-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .about-box6 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

.brand-owl { position: relative; }

.brand-owl:before { position: absolute; content: ''; width: 2px; top: 0; bottom: 0; right: 0; background-color: #fff; z-index: 2; }

@media screen and (max-width: 1519px) { .brand-owl:before { right: 60px; } }

@media screen and (max-width: 1319px) { .brand-owl:before { right: 40px; } }

@media screen and (max-width: 767px) { .brand-owl:before { right: 25px; } }

@media screen and (max-width: 1519px) { .brand-owl { padding: 0 60px; } }

@media screen and (max-width: 1319px) { .brand-owl { padding: 0 40px; } }

@media screen and (max-width: 767px) { .brand-owl { padding: 0 25px; } }

.brand-owl .owl-buttons { display: none !important; }

.brand-owl .owl-btns { font-size: 0; letter-spacing: 0; text-align: center; }

.brand-owl .owl-btns .owl-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; vertical-align: top; cursor: pointer; font-size: 40px; font-size: 4rem; color: #617cc2; }

.brand-owl .owl-btns .owl-btn.disabled { color: #ccc; cursor: auto; }

@media screen and (max-width: 1319px) { .brand-owl .owl-btns .owl-btn { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .brand-owl .owl-btns .owl-btn { font-size: 20px; font-size: 2rem; } }

.brand-owl .owl-btns .item-prev { left: -100px; }

@media screen and (max-width: 1519px) { .brand-owl .owl-btns .item-prev { left: 0; } }

.brand-owl .owl-btns .item-next { right: -100px; }

@media screen and (max-width: 1519px) { .brand-owl .owl-btns .item-next { right: 0; } }

.brand-owl .list-item .item-pic { border-right: solid 2px #DCDCDC; border-color: rgba(220, 220, 220, 0.5); }

.brand-owl .list-item .item-pic:first-child { border-bottom: solid 2px #DCDCDC; border-bottom-color: rgba(220, 220, 220, 0.5); }

.about-box7 { background: url(../images/about1.jpg) no-repeat center; background-size: cover; padding: 106px 0 80px; }

@media screen and (max-width: 1319px) { .about-box7 { padding: 70px 0 60px; } }

@media screen and (max-width: 991px) { .about-box7 { padding: 50px 0 40px; } }

@media screen and (max-width: 767px) { .about-box7 { padding: 30px 0 20px; } }

.about-box7 .box-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; margin-bottom: 72px; }

.about-box7 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .about-box7 .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .about-box7 .box-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .about-box7 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

.about-box7 .wp { width: 1470px; }

@media screen and (max-width: 1519px) { .about-box7 .wp { width: 1300px; } }

@media screen and (max-width: 1319px) { .about-box7 .wp { width: 960px; } }

@media screen and (max-width: 991px) { .about-box7 .wp { width: 720px; } }

@media screen and (max-width: 767px) { .about-box7 .wp { width: 100%; } }

.about-box7 .box-list { font-size: 0; letter-spacing: 0; }

.about-box7 .box-list .list-item { display: inline-block; vertical-align: top; width: 18.36735%; margin-left: 2.04082%; margin-bottom: 15px; }

@media screen and (max-width: 1519px) { .about-box7 .box-list .list-item { width: 18.4%; margin-left: 2%; } }

@media screen and (max-width: 767px) { .about-box7 .box-list .list-item { width: 31.33%; margin: 0 1% 15px !important; } }

/*-------------1-关于银星 end---------------------------------------------------------------*/
/*-------------2-产品中心-1 start-----------------------------------------------------------*/
.cate-list { font-size: 0; letter-spacing: 0; }

.cate-list .list-item { display: inline-block; vertical-align: top; width: 32.30769%; margin-left: 1.53846%; overflow: hidden; border-radius: 32px; background: #F5F6FA url(../images/bg1.png) no-repeat right bottom; background-size: 71.19048%; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; margin-bottom: 34px; }

.cate-list .list-item:hover { background: #F5F6FA url(../images/bg2.png) no-repeat right bottom; }

.cate-list .list-item:hover .item-btn { border-color: #143CA5; color: #143CA5; }

.cate-list .list-item:hover .item-title span { background: -webkit-linear-gradient(124deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(124deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-34deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 991px) { .cate-list .list-item { margin-bottom: 30px; border-radius: 20px; } }

@media screen and (max-width: 767px) { .cate-list .list-item { border-radius: 15px; margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .cate-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.cate-list .item-body { padding: 35px 150px 34px 40px; position: relative; }

@media screen and (max-width: 1319px) { .cate-list .item-body { padding: 25px 130px 25px 20px; } }

@media screen and (max-width: 991px) { .cate-list .item-body { padding: 15px; } }

@media screen and (max-width: 767px) { .cate-list .item-body { padding: 10px; } }

.cate-list .item-pic a { display: block; overflow: hidden; padding-bottom: 100%; position: relative; }

.cate-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cate-list .item-title { font-weight: bold; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; line-height: 1.3; }

.cate-list .item-title a:hover span { background: -webkit-linear-gradient(124deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(124deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-34deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .cate-list .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .cate-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .cate-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.cate-list .item-btn { position: absolute; top: 40px; right: 40px; text-align: center; display: inline-block; min-width: 98px; padding: 0 10px; line-height: 27px; border: 1px solid #666666; border-radius: 15px; font-size: 12px; font-size: 1.2rem; }

.cate-list .item-btn:before { background-color: transparent !important; }

@media screen and (max-width: 1319px) { .cate-list .item-btn { top: 25px; right: 20px; line-height: 26px; } }

@media screen and (max-width: 991px) { .cate-list .item-btn { position: relative; top: auto; right: auto; line-height: 22px; min-width: 80px; float: right; margin-top: 5px; display: none; } }

/*-------------2-产品中心-1 end-------------------------------------------------------------*/
/*-------------2-产品中心-2 start-----------------------------------------------------------*/
.pro1-list { font-size: 0; letter-spacing: 0; padding-bottom: 30px; margin-top: -168px; position: relative; }

@media screen and (max-width: 1319px) { .pro1-list { margin-top: -100px; } }

@media screen and (max-width: 991px) { .pro1-list { padding-bottom: 20px; margin-top: -50px; } }

@media screen and (max-width: 767px) { .pro1-list { padding-bottom: 10px; margin-top: 30px; } }

.pro1-list .list-item { display: inline-block; vertical-align: top; width: 48.61538%; margin-left: 2.76923%; margin-bottom: 49px; background-color: #F5F6FA; border-radius: 24px; overflow: hidden; }

@media screen and (max-width: 1319px) { .pro1-list .list-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .pro1-list .list-item { margin-bottom: 30px; border-radius: 15px; } }

@media screen and (max-width: 767px) { .pro1-list .list-item { width: 31.33%; margin: 0 1% 20px !important; } }

@media screen and (max-width: 640px) { .pro1-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.pro1-list .item-pic { float: right; width: 49.05063%; }

.pro1-list .item-pic a { display: block; overflow: hidden; padding-bottom: 100%; position: relative; }

.pro1-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 767px) { .pro1-list .item-pic { float: none; width: 100%; } }

.pro1-list .item-body { overflow: hidden; padding: 50px 20px 50px 50px; }

@media screen and (max-width: 1319px) { .pro1-list .item-body { padding: 20px; } }

@media screen and (max-width: 991px) { .pro1-list .item-body { padding: 10px 15px; } }

@media screen and (max-width: 767px) { .pro1-list .item-body { padding: 10px; } }

.pro1-list .item-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; line-height: 1.3; text-transform: uppercase; margin-bottom: 19px; }

@media screen and (max-width: 1319px) { .pro1-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .pro1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .pro1-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.pro1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 120px; margin-bottom: 23px; }

@media screen and (max-width: 1319px) { .pro1-list .item-desc { margin-bottom: 15px; } }

@media screen and (max-width: 991px) { .pro1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 80px; }
  .pro1-list .item-desc a { -webkit-line-clamp: 4; } }

@media screen and (max-width: 767px) { .pro1-list .item-desc { margin-bottom: 10px; height: 60px; }
  .pro1-list .item-desc a { -webkit-line-clamp: 3; } }

.pro1-list .item-btnbox { font-size: 0; letter-spacing: 0; }

.pro1-list .item-btnbox > * { display: inline-block; vertical-align: middle; }

.pro1-list .item-btnbox input { margin-right: 8px; }

.pro1-list .item-btn { min-width: 98px; line-height: 27px; border: solid 1px #999999; border-radius: 15px; color: #999; font-size: 12px; font-size: 1.2rem; text-align: center; }

@media screen and (max-width: 991px) { .pro1-list .item-btn { line-height: 24px; min-width: 90px; } }

/*-------------2-产品中心-2 end-------------------------------------------------------------*/
/*-------------2-产品中心-3 start-----------------------------------------------------------*/
.m-prob1 { margin-bottom: 103px; }

@media screen and (max-width: 1319px) { .m-prob1 { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .m-prob1 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .m-prob1 { margin-bottom: 30px; } }

.m-prob1 .prob-pic { width: 500px; margin-right: 80px; float: left; }

@media screen and (max-width: 1319px) { .m-prob1 .prob-pic { float: none; margin: 0 auto; width: 100%; max-width: 400px; } }

.m-prob1 .prob-pic-big { position: relative; border: solid 0 #EEEEEE; padding-bottom: 100%; }

.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.m-prob1 .zoomWrapperImage img { max-width: 1200px; }

.m-prob1 .prob-pic-small { position: relative; margin-top: 15px; padding: 0; overflow: hidden; }

.m-prob1 .prob-pic-btn { display: none; position: absolute; top: 50%; margin-top: -13px; cursor: pointer; width: 26px; height: 26px; line-height: 26px; background-color: #F2F2F2; font-size: 12px; font-size: 1.2rem; color: #666; text-align: center; z-index: 2; }

.m-prob1 .prob-pic-btn:hover { background-color: #143CA5; color: #fff; }

.m-prob1 .prob-pic-btn.prev { left: 0; }

.m-prob1 .prob-pic-btn.next { right: 0; }

.m-prob1 .prob-pic-list { overflow: hidden; }

.m-prob1 .prob-pic-list ul { width: 10000%; overflow: hidden; }

.m-prob1 .prob-pic-list li { position: relative; float: left; margin-right: 0.025%; width: 0.18%; overflow: hidden; }

.m-prob1 .prob-pic-item .item-pics, .m-prob1 .prob-pic-item .item-video { display: block; position: relative; border: 1px solid transparent; border-radius: 0; z-index: 1; overflow: hidden; padding-bottom: 97.77778%; }

.m-prob1 .prob-pic-item .item-pics img, .m-prob1 .prob-pic-item .item-video img { display: block; width: 100%; height: 100%; border-radius: 0; position: absolute; left: 0; top: 0; }

.m-prob1 .prob-pic-item .item-pics.active, .m-prob1 .prob-pic-item .item-video.active { border-color: #143CA5; }

@media screen and (max-width: 1319px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; } }

/* pro-info */
.pro-info { overflow: hidden; }

@media screen and (max-width: 1319px) { .pro-info { width: 100%; margin-top: 30px; } }

.pro-info > .item-title { border-bottom: solid 1px #E1E1E1; font-weight: bold; font-size: 28px; font-size: 2.8rem; line-height: 1.5; padding-top: 17px; padding-bottom: 19px; color: #143CA5; }

@media screen and (max-width: 1319px) { .pro-info > .item-title { padding-top: 0; font-size: 22px; font-size: 2.2rem; padding-bottom: 15px; } }

@media screen and (max-width: 991px) { .pro-info > .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .pro-info > .item-title { font-size: 18px; font-size: 1.8rem; padding-bottom: 10px; } }

.pro-info .item-desc { min-height: 485px; padding: 50px 0; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro-info .item-desc img { vertical-align: middle; margin-right: 8px; width: 30px; }

@media screen and (max-width: 1319px) { .pro-info .item-desc { min-height: auto; padding: 30px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .pro-info .item-desc { padding: 20px 0 30px; line-height: 24px; } }

@media screen and (max-width: 767px) { .pro-info .item-desc { padding: 15px 0 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .pro-info .item-desc img { width: 24px; } }

.pro-info .item-desc ul { font-size: 0; letter-spacing: 0; }

.pro-info .item-desc ul li { display: inline-block; vertical-align: top; width: 100%; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 1319px) { .pro-info .item-desc ul li { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro-info .item-desc ul li { font-size: 12px; font-size: 1.2rem; width: 100%; } }

.pro-info .item-btns { font-size: 0; letter-spacing: 0; }

.pro-info .item-btns .item-btn { display: inline-block; vertical-align: top; line-height: 48px; min-width: 240px; border-radius: 25px; border: solid 1px #143CA5; color: #143CA5; font-size: 18px; font-size: 1.8rem; text-align: center; }

.pro-info .item-btns .item-btn:first-child { margin-right: 52px; }

.pro-info .item-btns .item-btn:before { font-weight: bold; }

.pro-info .item-btns .item-btn:hover { font-weight: bold; }

@media screen and (max-width: 1319px) { .pro-info .item-btns .item-btn { min-width: 180px; font-size: 16px; font-size: 1.6rem; line-height: 36px; }
  .pro-info .item-btns .item-btn:first-child { margin-right: 25px; } }

@media screen and (max-width: 991px) { .pro-info .item-btns .item-btn { min-width: 140px; font-size: 14px; font-size: 1.4rem; line-height: 32px; } }

@media screen and (max-width: 767px) { .pro-info .item-btns .item-btn { min-width: 110px; line-height: 26px; font-size: 12px; font-size: 1.2rem; }
  .pro-info .item-btns .item-btn:first-child { margin-right: 15px; } }

.pro2-spec .box-item { border-top: solid 1px #EAEAEA; padding: 45px 0 54px; }

@media screen and (max-width: 1319px) { .pro2-spec .box-item { padding: 40px 0; } }

@media screen and (max-width: 991px) { .pro2-spec .box-item { padding: 30px 0; } }

@media screen and (max-width: 767px) { .pro2-spec .box-item { padding: 20px 0; } }

.pro2-spec .box-item .item-pic { float: left; width: 25.38462%; padding-top: 15px; }

.pro2-spec .box-item .item-pic img { display: block; max-width: 170px; }

@media screen and (max-width: 1319px) { .pro2-spec .box-item .item-pic { padding-top: 0; width: 23.07692%; } }

@media screen and (max-width: 991px) { .pro2-spec .box-item .item-pic img { max-width: 130px; } }

@media screen and (max-width: 767px) { .pro2-spec .box-item .item-pic { width: 19.23077%; margin-right: 3.84615%; } }

.pro2-spec .box-item .item-title { float: left; width: 17.30769%; font-size: 42px; font-size: 4.2rem; line-height: 1.3; }

.pro2-spec .box-item .item-title, .pro2-spec .box-item .item-title * { color: #666; }

@media screen and (max-width: 1319px) { .pro2-spec .box-item .item-title { font-size: 34px; font-size: 3.4rem; } }

@media screen and (max-width: 991px) { .pro2-spec .box-item .item-title { font-size: 28px; font-size: 2.8rem; } }

@media screen and (max-width: 767px) { .pro2-spec .box-item .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 640px) { .pro2-spec .box-item .item-title { float: none; overflow: hidden; } }

.pro2-spec .box-item .item-body { overflow: hidden; padding-top: 2px; font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.pro2-spec .box-item .item-body, .pro2-spec .box-item .item-body * { color: #666; }

@media screen and (max-width: 1319px) { .pro2-spec .box-item .item-body { padding-top: 0; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .pro2-spec .box-item .item-body { font-size: 12px; font-size: 1.2rem; line-height: 18px; } }

@media screen and (max-width: 640px) { .pro2-spec .box-item .item-body { width: 100%; margin-top: 20px; float: left; } }

.pro2-spec .box-item .item-body .table { overflow: hidden; }

.pro2-spec .box-item .item-body .table div { width: 100%; max-width: 100%; min-width: 100%; }

.pro2-spec .box-item .item-body table { border: 0; }

.pro2-spec .box-item .item-body table tr td { padding: 6px 5px; border: 0; }

.pro2-spec .box-item .item-body table tr td:first-child { width: 29.72973%; }

@media screen and (max-width: 1319px) { .pro2-spec .box-item .item-body table tr td { padding: 5px; } }

@media screen and (max-width: 991px) { .pro2-spec .box-item .item-body table tr td:first-child { width: 32.43243%; } }

@media screen and (max-width: 767px) { .pro2-spec .box-item .item-body table tr td { padding: 3px 5px; } }

.pro2-tags { margin-top: 102px; border-top: solid 1px #DEDEDE; padding-top: 21px; }

@media screen and (max-width: 1319px) { .pro2-tags { margin-top: 40px; } }

@media screen and (max-width: 991px) { .pro2-tags { margin-top: 30px; } }

@media screen and (max-width: 767px) { .pro2-tags { margin-top: 20px; padding-top: 15px; } }

.pro2-tags .item-desc { font-size: 0; letter-spacing: 0; overflow: hidden; }

.pro2-tags .item-desc > * { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666; }

.pro2-tags .item-desc > * .iconfont { margin-right: 5px; vertical-align: middle; color: #999; }

@media screen and (max-width: 1319px) { .pro2-tags .item-desc > * { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro2-tags .item-desc > * { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.pro2-tags strong { float: left; font-weight: normal; margin-right: 10px; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666; }

@media screen and (max-width: 767px) { .pro2-tags strong { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

.pro2-tags a { margin-right: 18px; }

.pro2-tags a:hover { color: #143CA5; }

.pro2-tags a:hover .iconfont { color: #143CA5; }

@media screen and (max-width: 767px) { .pro2-tags a { margin-right: 15px; } }

.related-box { margin-top: 106px; }

@media screen and (max-width: 1319px) { .related-box { margin-top: 70px; } }

@media screen and (max-width: 991px) { .related-box { margin-top: 50px; } }

@media screen and (max-width: 767px) { .related-box { margin-top: 25px; } }

.related-box .box-title { text-align: center; margin-bottom: 55px; }

@media screen and (max-width: 1319px) { .related-box .box-title { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .related-box .box-title { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .related-box .box-title { margin-bottom: 20px; } }

.related-box .box-title, .related-box .box-title a { color: #143CA5; }

.related-box .box-title a { display: inline-block; font-size: 0; letter-spacing: 0; }

.related-box .box-title a > * { display: inline-block; vertical-align: middle; font-size: 48px; font-size: 4.8rem; font-weight: bold; line-height: 1.3; }

@media screen and (max-width: 1319px) { .related-box .box-title a > * { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .related-box .box-title a > * { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .related-box .box-title a > * { font-size: 20px; font-size: 2rem; } }

.related-box .box-title .p1, .related-box .box-title .p2 { margin-top: 8px; width: 120px; height: 8px; border-top: solid 1px #143CA5; position: relative; }

.related-box .box-title .p1:before, .related-box .box-title .p2:before { position: absolute; content: ''; width: 41.66667%; height: 1px; background-color: #143CA5; bottom: 0; }

@media screen and (max-width: 1319px) { .related-box .box-title .p1, .related-box .box-title .p2 { width: 100px; } }

@media screen and (max-width: 991px) { .related-box .box-title .p1, .related-box .box-title .p2 { width: 80px; margin-top: 5px; } }

@media screen and (max-width: 767px) { .related-box .box-title .p1, .related-box .box-title .p2 { width: 60px; height: 6px; } }

@media screen and (max-width: 480px) { .related-box .box-title .p1, .related-box .box-title .p2 { width: 40px; height: 6px; } }

.related-box .box-title .p1 { margin-right: 24px; }

.related-box .box-title .p1:before { right: 0; }

@media screen and (max-width: 1319px) { .related-box .box-title .p1 { margin-right: 20px; } }

@media screen and (max-width: 991px) { .related-box .box-title .p1 { margin-right: 15px; } }

@media screen and (max-width: 767px) { .related-box .box-title .p1 { margin-right: 10px; } }

.related-box .box-title .p2 { margin-left: 24px; }

.related-box .box-title .p2:before { left: 0; }

@media screen and (max-width: 1319px) { .related-box .box-title .p2 { margin-left: 20px; } }

@media screen and (max-width: 991px) { .related-box .box-title .p2 { margin-left: 15px; } }

@media screen and (max-width: 767px) { .related-box .box-title .p2 { margin-left: 10px; } }

.related-box .related-owl { position: relative; overflow: hidden; margin-top: 15px; }

.related-box .related-owl .owl-carousel { width: 103.53846%; margin-left: -1.76923%; }

@media screen and (max-width: 767px) { .related-box .related-owl .owl-carousel { width: 102%; margin-left: -1%; } }

.related-box .related-owl .list-item { margin: 0 6.83507%; text-align: center; }

@media screen and (max-width: 767px) { .related-box .related-owl .list-item { margin: 0 2.94118%; } }

@media screen and (max-width: 480px) { .related-box .related-owl .list-item { margin: 0 1.96078%; } }

.related-box .related-owl .item-title { margin-top: 16px; font-size: 16px; font-size: 1.6rem; line-height: 1.3; text-transform: uppercase; }

@media screen and (max-width: 767px) { .related-box .related-owl .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }

/*-------------2-产品中心-3 end-------------------------------------------------------------*/
/*-------------3-服务平台 start-------------------------------------------------------------*/
/* 智造基地页 banner：左向渐变压暗 + 眉题/主标题/副文案（沿用全球布局版块眉题语言，数据与正文一致） */
.s-box2 { position: relative; overflow: hidden; }
.s-box2 img { display: block; width: 100%; aspect-ratio: 2048/872; object-fit: cover; }
.s-box2:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, rgba(11,19,32,.62) 0%, rgba(11,19,32,.30) 46%, rgba(11,19,32,0) 72%); }
.s-box2 .s-banner-copy { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; }
.s-box2 .s-banner-in { padding: 20px 0; }
.s-box2 .s-banner-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; }
.s-box2 .s-banner-eyebrow .line { width: 34px; height: 2px; background: #FFFFFF; opacity: .9; position: relative; }
.s-box2 .s-banner-eyebrow .line:after { content: ''; position: absolute; right: -7px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #C8402E; }
.s-box2 .s-banner-eyebrow em { font-style: normal; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 15px; font-size: 1.5rem; letter-spacing: .34em; color: rgba(255,255,255,.78); }
.s-box2 .s-banner-title { margin: 0 0 14px; color: #FFFFFF; font-size: 52px; font-size: 5.2rem; font-weight: bold; letter-spacing: .1em; line-height: 1.2; text-shadow: 0 2px 24px rgba(11,19,32,.45); }
.s-box2 .s-banner-sub { margin: 0; color: rgba(255,255,255,.88); font-size: 16px; font-size: 1.6rem; line-height: 1.9; letter-spacing: .05em; }
@media screen and (max-width: 1319px) { .s-box2 .s-banner-title { font-size: 42px; font-size: 4.2rem; } }
@media screen and (max-width: 991px) { .s-box2 img { aspect-ratio: auto; height: 340px; } .s-box2 .s-banner-title { font-size: 34px; font-size: 3.4rem; margin-bottom: 10px; } .s-box2 .s-banner-sub { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) { .s-box2 img { height: 230px; } .s-box2:before { background: linear-gradient(90deg, rgba(11,19,32,.58) 0%, rgba(11,19,32,.28) 58%, rgba(11,19,32,0) 86%); } .s-box2 .s-banner-eyebrow { margin-bottom: 10px; gap: 10px; } .s-box2 .s-banner-eyebrow .line { width: 24px; } .s-box2 .s-banner-eyebrow em { font-size: 12px; font-size: 1.2rem; letter-spacing: .26em; } .s-box2 .s-banner-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; letter-spacing: .06em; } .s-box2 .s-banner-sub { font-size: 12px; font-size: 1.2rem; line-height: 1.7; max-width: 82%; } }

.s-box3 { padding-top: 100px; padding-bottom: 88px; }

@media screen and (max-width: 1319px) { .s-box3 { padding: 70px 0; } }

@media screen and (max-width: 991px) { .s-box3 { padding: 50px 0; } }

@media screen and (max-width: 767px) { .s-box3 { padding: 30px 0; } }

.s-box3 .box-title { font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; float: left; }

.s-box3 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .s-box3 .box-title { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 991px) { .s-box3 .box-title { font-size: 38px; font-size: 3.8rem; } }

@media screen and (max-width: 767px) { .s-box3 .box-title { font-size: 22px; font-size: 2.2rem; float: none; text-align: center; } }

.s-box3 .box-tab { text-align: center; }

.s-box3 .box-tab .tab-options { float: right; font-size: 0; letter-spacing: 0; border-bottom: solid 2px #D2D2D2; margin-bottom: 42px; margin-top: 27px; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-options { margin: 20px 0 30px; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-options { margin: 10px 0 20px; } }

@media screen and (max-width: 767px) { .s-box3 .box-tab .tab-options { display: inline-block; float: none; } }

.s-box3 .box-tab .tab-options li { display: inline-block; vertical-align: top; padding-bottom: 10px; margin-left: 28px; font-size: 24px; font-size: 2.4rem; line-height: 1.3; color: #D2D2D2; cursor: pointer; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.s-box3 .box-tab .tab-options li:first-child { margin-left: 0; }

.s-box3 .box-tab .tab-options li:before { position: absolute; content: ''; height: 2px; left: 0; right: 0; width: 0; background-color: #666; bottom: -2px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; margin: 0 auto; }

.s-box3 .box-tab .tab-options li:hover, .s-box3 .box-tab .tab-options li.tab-active { color: #666; }

.s-box3 .box-tab .tab-options li:hover:before, .s-box3 .box-tab .tab-options li.tab-active:before { width: 100%; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-options li { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-options li { font-size: 16px; font-size: 1.6rem; padding-bottom: 5px; margin-left: 20px; } }

@media screen and (max-width: 767px) { .s-box3 .box-tab .tab-options li { font-size: 14px; font-size: 1.4rem; padding-top: 8px; margin-left: 15px; } }

.s-box3 .box-tab .tab-content { float: left; width: 100%; text-align: left; }

@media screen and (max-width: 767px) { .s-box3 .box-tab .tab-content { text-align: left; float: none; } }

.s-box3 .box-tab .tab-content .tab-content-item { position: relative; }

.s-box3 .box-tab .tab-content .item-pic { border-radius: 24px; }

@media screen and (max-width: 767px) { .s-box3 .box-tab .tab-content .item-pic { border-radius: 15px; } }

.s-box3 .box-tab .tab-content .item-desc { position: absolute; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 32px; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-content .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-content .item-desc { line-height: 22px; } }

@media screen and (max-width: 767px) { .s-box3 .box-tab .tab-content .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

@media screen and (max-width: 480px) { .s-box3 .box-tab .tab-content .item-desc { position: relative; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; color: #333; margin-top: 10px; text-align: left !important; } }

.s-box3 .box-tab .tab-content .item1 .item-desc { left: 5.84615%; bottom: 12.4%; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-content .item1 .item-desc { left: 3.84615%; bottom: 8%; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-content .item1 .item-desc { left: 2.30769%; bottom: 6%; } }

.s-box3 .box-tab .tab-content .item2 .item-desc { text-align: right; right: 4.61538%; top: 13%; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-content .item2 .item-desc { right: 3.84615%; top: 8%; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-content .item2 .item-desc { right: 2.30769%; top: 6%; } }

.s-box3 .box-tab .tab-content .item3 .item-desc { left: 5.84615%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-content .item3 .item-desc { left: 3.84615%; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-content .item3 .item-desc { left: 2.30769%; } }

.s-box3 .box-tab .tab-content .item4 .item-desc { left: 5.84615%; top: 15.4%; }

@media screen and (max-width: 1319px) { .s-box3 .box-tab .tab-content .item4 .item-desc { top: 8%; } }

@media screen and (max-width: 991px) { .s-box3 .box-tab .tab-content .item4 .item-desc { top: 6%; } }

.s-box4 { background: url(../images/s7.jpg) no-repeat center; padding: 197px 0 153px; background-size: cover; }

@media screen and (max-width: 1319px) { .s-box4 { padding: 150px 0 120px; } }

@media screen and (max-width: 991px) { .s-box4 { padding: 100px 0 90px; } }

@media screen and (max-width: 767px) { .s-box4 { padding: 50px 0 40px; } }

.s-box4 .item-box { float: right; width: 38.84615%; }

@media screen and (max-width: 767px) { .s-box4 .item-box { width: 210px; } }

.s-box4 .box-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; margin-bottom: 83px; }

.s-box4 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .s-box4 .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .s-box4 .box-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .s-box4 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 25px; } }

.s-box4 .box-list .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; }

@media screen and (max-width: 1319px) { .s-box4 .box-list .list-item { margin-bottom: 25px; } }

@media screen and (max-width: 991px) { .s-box4 .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .s-box4 .box-list .list-item { margin-bottom: 15px; } }

.s-box4 .box-list .item1 { margin-left: 117px; }

@media screen and (max-width: 991px) { .s-box4 .box-list .item1 { margin-left: 90px; } }

@media screen and (max-width: 767px) { .s-box4 .box-list .item1 { margin-left: 72px; } }

.s-box4 .box-list .item2 { margin-left: 78px; }

@media screen and (max-width: 991px) { .s-box4 .box-list .item2 { margin-left: 60px; } }

@media screen and (max-width: 767px) { .s-box4 .box-list .item2 { margin-left: 48px; } }

.s-box4 .box-list .item3 { margin-left: 39px; }

@media screen and (max-width: 991px) { .s-box4 .box-list .item3 { margin-left: 30px; } }

@media screen and (max-width: 767px) { .s-box4 .box-list .item3 { margin-left: 24px; } }

.s-box4 .box-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 36px; margin-right: 17px; }

@media screen and (max-width: 1319px) { .s-box4 .box-list .item-pic { margin-right: 15px; } }

@media screen and (max-width: 991px) { .s-box4 .box-list .item-pic { width: 30px; margin-right: 10px; } }

@media screen and (max-width: 767px) { .s-box4 .box-list .item-pic { margin-right: 5px; width: 24px; } }

.s-box4 .box-list p { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; font-size: 32px; font-size: 3.2rem; line-height: 1.3; color: #fff; }

@media screen and (max-width: 1319px) { .s-box4 .box-list p { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .s-box4 .box-list p { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .s-box4 .box-list p { font-size: 16px; font-size: 1.6rem; } }

/*-------------3-服务平台 end---------------------------------------------------------------*/
/*-------------4-核心优势 start-------------------------------------------------------------*/
.hxys-box1 { background: url(/uploads/meelux/banner-coop.jpg) no-repeat center; background-size: cover; padding: 176px 0 136px; position: relative; }
.hxys-box1:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 52%; background: linear-gradient(270deg, rgba(11,19,32,.5), rgba(11,19,32,0)); pointer-events: none; }
.hxys-box1 .item-box { position: relative; z-index: 1; }

@media screen and (max-width: 1319px) { .hxys-box1 { padding: 120px 0; } }

@media screen and (max-width: 991px) { .hxys-box1 { padding: 80px 0; } }

@media screen and (max-width: 767px) { .hxys-box1 { padding: 40px 0; } }

@media screen and (max-width: 480px) { .hxys-box1 { background-image: none; } }

.hxys-box1 .box-img { display: none; }

@media screen and (max-width: 480px) { .hxys-box1 .box-img { display: block; } }

.hxys-box1 .box-img img { display: block; width: 100%; }

.hxys-box1 .wp { padding: 0; }

@media screen and (max-width: 767px) { .hxys-box1 .wp { padding: 0 15px; } }

@media screen and (max-width: 480px) { .hxys-box1 .wp { padding: 0; } }

.hxys-box1 .item-box { position: relative; float: right; width: 300px; }

@media screen and (max-width: 1319px) { .hxys-box1 .item-box { width: 250px; } }

@media screen and (max-width: 991px) { .hxys-box1 .item-box { width: 200px; } }

@media screen and (max-width: 767px) { .hxys-box1 .item-box { width: 160px; } }

@media screen and (max-width: 480px) { .hxys-box1 .item-box { padding: 20px 15px; float: none; width: 100%; background-color: #021d62; } }

.hxys-box1 .item-box .box-title { font-size: 48px; font-size: 4.8rem; line-height: 1.354; }

.hxys-box1 .item-box .box-title p { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.hxys-box1 .item-box .box-title em { font-style: normal; vertical-align: top; font-size: 28px; font-size: 2.8rem; font-weight: bold; position: relative; top: 5px; }

@media screen and (max-width: 1319px) { .hxys-box1 .item-box .box-title { font-size: 40px; font-size: 4rem; line-height: 1.3; }
  .hxys-box1 .item-box .box-title em { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 991px) { .hxys-box1 .item-box .box-title { font-size: 32px; font-size: 3.2rem; }
  .hxys-box1 .item-box .box-title em { font-size: 20px; font-size: 2rem; top: 0; } }

@media screen and (max-width: 767px) { .hxys-box1 .item-box .box-title { font-size: 20px; font-size: 2rem; }
  .hxys-box1 .item-box .box-title em { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 480px) { .hxys-box1 .item-box .box-title { font-size: 18px; font-size: 1.8rem; }
  .hxys-box1 .item-box .box-title em { font-size: 12px; font-size: 1.2rem; } }

.hxys-box1 .item-box .box-title1 { margin-top: 20px; }

@media screen and (max-width: 991px) { .hxys-box1 .item-box .box-title1 { margin-top: 10px; } }

.hxys-box1 .item-box .box-item { margin-top: 75px; }

@media screen and (max-width: 1319px) { .hxys-box1 .item-box .box-item { margin-top: 45px; } }

@media screen and (max-width: 991px) { .hxys-box1 .item-box .box-item { margin-top: 40px; } }

@media screen and (max-width: 767px) { .hxys-box1 .item-box .box-item { margin-top: 25px; } }

.hxys-box1 .item-box .box-item .item-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; line-height: 1.3; color: #fff; }

@media screen and (max-width: 1319px) { .hxys-box1 .item-box .box-item .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .hxys-box1 .item-box .box-item .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .hxys-box1 .item-box .box-item .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 480px) { .hxys-box1 .item-box .box-item .item-title { font-size: 14px; font-size: 1.4rem; } }

.hxys-box1 .item-box .box-item .item-desc { margin-top: 19px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; }

@media screen and (max-width: 1319px) { .hxys-box1 .item-box .box-item .item-desc { margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .hxys-box1 .item-box .box-item .item-desc { margin-top: 10px; line-height: 24px; } }

@media screen and (max-width: 767px) { .hxys-box1 .item-box .box-item .item-desc { margin-top: 5px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

@media screen and (max-width: 480px) { .hxys-box1 .item-box .box-item .item-desc br { display: none; } }

.hxys-box2 { background: url(../images/hxys2.jpg) no-repeat center; padding: 137px 0 154px; }

@media screen and (max-width: 1319px) { .hxys-box2 { padding: 100px 0; background-size: auto 100%; } }

@media screen and (max-width: 991px) { .hxys-box2 { padding: 70px 0; } }

@media screen and (max-width: 767px) { .hxys-box2 { padding: 40px 0; } }

.hxys-box2 .item-box { width: 450px; margin: 0 auto; text-align: center; }

@media screen and (max-width: 1319px) { .hxys-box2 .item-box { width: 350px; } }

@media screen and (max-width: 991px) { .hxys-box2 .item-box { width: 240px; } }

@media screen and (max-width: 767px) { .hxys-box2 .item-box { width: 170px; } }

.hxys-box2 .item-box .box-title { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1.3; }

@media screen and (max-width: 1319px) { .hxys-box2 .item-box .box-title { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 991px) { .hxys-box2 .item-box .box-title { font-size: 38px; font-size: 3.8rem; } }

@media screen and (max-width: 767px) { .hxys-box2 .item-box .box-title { font-size: 22px; font-size: 2.2rem; } }

.hxys-box2 .item-box .box-list { padding-top: 18px; }

@media screen and (max-width: 767px) { .hxys-box2 .item-box .box-list { padding-top: 10px; } }

.hxys-box2 .item-box .box-list .list-item { margin-top: 39px; }

@media screen and (max-width: 1319px) { .hxys-box2 .item-box .box-list .list-item { margin-top: 30px; } }

@media screen and (max-width: 991px) { .hxys-box2 .item-box .box-list .list-item { margin-top: 10px; } }

@media screen and (max-width: 767px) { .hxys-box2 .item-box .box-list .list-item { margin-top: 10px; } }

.hxys-box2 .item-box .box-list .item-title { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 24px; font-size: 2.4rem; line-height: 1.6; }

@media screen and (max-width: 1319px) { .hxys-box2 .item-box .box-list .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .hxys-box2 .item-box .box-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .hxys-box2 .item-box .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.hxys-box2 .item-box .box-list .item-num { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 48px; font-size: 4.8rem; font-weight: bold; line-height: 1.25; }

@media screen and (max-width: 1319px) { .hxys-box2 .item-box .box-list .item-num { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .hxys-box2 .item-box .box-list .item-num { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 767px) { .hxys-box2 .item-box .box-list .item-num { font-size: 22px; font-size: 2.2rem; } }

.hxys-box3 { background: url(../images/hxys4.jpg) no-repeat center; background-size: cover; padding: 190px 0; }

@media screen and (max-width: 1319px) { .hxys-box3 { padding: 130px 0; } }

@media screen and (max-width: 991px) { .hxys-box3 { padding: 80px 0; } }

@media screen and (max-width: 767px) { .hxys-box3 { padding: 40px 0; } }

.hxys-box3 .item-box { background: -webkit-linear-gradient(336deg, rgba(20, 60, 165, 0.85) 0%, rgba(7, 34, 106, 0.85) 100%); background: -moz-linear-gradient(336deg, rgba(20, 60, 165, 0.85) 0%, rgba(7, 34, 106, 0.85) 100%); background: linear-gradient(114deg, rgba(20, 60, 165, 0.85) 0%, rgba(7, 34, 106, 0.85) 100%); border-radius: 24px; padding: 49px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 991px) { .hxys-box3 .item-box { padding-top: 40px; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box { padding-top: 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.hxys-box3 .item-box .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28.15385%; margin-right: 4.84615%; }

@media screen and (max-width: 1319px) { .hxys-box3 .item-box .item-pic { margin-right: 3.84615%; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box .item-pic { margin-top: 30px; margin-right: 15px; } }

@media screen and (max-width: 480px) { .hxys-box3 .item-box .item-pic { width: 38.46154%; margin-top: 50px; } }

.hxys-box3 .item-box .item-pic img { display: block; }

.hxys-box3 .item-box .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; padding-left: 6.53846%; }

@media screen and (max-width: 1319px) { .hxys-box3 .item-box .item-body { padding-left: 3.84615%; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box .item-body { padding-left: 15px; } }

.hxys-box3 .item-box .box-title { font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1.3; margin-top: 15px; margin-bottom: 115px; }

.hxys-box3 .item-box .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box3 .item-box .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .hxys-box3 .item-box .box-title { font-size: 38px; font-size: 3.8rem; margin-top: 0; margin-bottom: 45px; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 30px; } }

@media screen and (max-width: 480px) { .hxys-box3 .item-box .box-title { margin-bottom: 0; } }

.hxys-box3 .item-box .box-list { font-size: 0; letter-spacing: 0; }

.hxys-box3 .item-box .box-list .list-item { display: inline-block; vertical-align: top; width: 33.33333%; }

@media screen and (max-width: 480px) { .hxys-box3 .item-box .box-list .list-item { width: 100%; margin-top: 5px; } }

.hxys-box3 .item-box .box-list .item-title { color: #fff; font-size: 48px; font-size: 4.8rem; line-height: 1.2; margin-bottom: 6px; }

@media screen and (max-width: 1319px) { .hxys-box3 .item-box .box-list .item-title { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .hxys-box3 .item-box .box-list .item-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box .box-list .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 0; } }

@media screen and (max-width: 480px) { .hxys-box3 .item-box .box-list .item-title { font-size: 18px; font-size: 1.8rem; display: inline; } }

.hxys-box3 .item-box .box-list .item-desc { color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 1.3; }

@media screen and (max-width: 1319px) { .hxys-box3 .item-box .box-list .item-desc { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .hxys-box3 .item-box .box-list .item-desc { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .hxys-box3 .item-box .box-list .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 640px) { .hxys-box3 .item-box .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .hxys-box3 .item-box .box-list .item-desc { font-size: 12px; font-size: 1.2rem; display: inline; } }

.hxys-box4 { padding: 68px 0 72px; }

@media screen and (max-width: 1319px) { .hxys-box4 { padding: 68px 0 40px; } }

@media screen and (max-width: 991px) { .hxys-box4 { padding: 50px 0 20px; } }

@media screen and (max-width: 767px) { .hxys-box4 { padding: 30px 0 10px; } }

.hxys-box4 .box-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1.3; margin-bottom: 48px; }

.hxys-box4 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box4 .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .hxys-box4 .box-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .hxys-box4 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

.hxys-box4 .box-list { font-size: 0; letter-spacing: 0; position: relative; }

.hxys-box4 .box-list .item-img { position: absolute; width: 14.5%; left: -7.28571%; top: -10.31895%; }

@media screen and (max-width: 1419px) { .hxys-box4 .box-list .item-img { top: -10.13133%; } }

@media screen and (max-width: 991px) { .hxys-box4 .box-list .item-img { top: -9.38086%; } }

@media screen and (max-width: 767px) { .hxys-box4 .box-list .item-img { display: none; } }

.hxys-box4 .box-list .list-item { display: inline-block; vertical-align: top; width: 49.35714%; margin-left: 1.28571%; background: -webkit-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: -moz-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: linear-gradient(114deg, #143CA5 0%, #07226A 100%); border-radius: 24px; overflow: hidden; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .hxys-box4 .box-list .list-item { border-radius: 15px; } }

@media screen and (max-width: 480px) { .hxys-box4 .box-list .list-item { width: 100%; margin-bottom: 20px; border-radius: 10px; } }

.hxys-box4 .box-list .item-pic { border-radius: 24px; }

@media screen and (max-width: 767px) { .hxys-box4 .box-list .item-pic { border-radius: 15px; } }

@media screen and (max-width: 480px) { .hxys-box4 .box-list .item-pic { border-radius: 10px; } }

.hxys-box4 .box-list .item-body { padding: 24px 10px 33px; text-align: center; color: #fff; font-size: 32px; font-size: 3.2rem; line-height: 1.5; }

@media screen and (max-width: 1419px) { .hxys-box4 .box-list .item-body { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 1219px) { .hxys-box4 .box-list .item-body { font-size: 22px; font-size: 2.2rem; padding: 18px 10px; } }

@media screen and (max-width: 991px) { .hxys-box4 .box-list .item-body { font-size: 18px; font-size: 1.8rem; padding: 15px 10px; } }

@media screen and (max-width: 767px) { .hxys-box4 .box-list .item-body { font-size: 14px; font-size: 1.4rem; padding: 10px 8px; } }

.hxys-box5 { background: url(../images/hxys9.png) no-repeat center; background-size: auto 100%; height: 800px; padding: 122px 0 0; position: relative; }

.hxys-box5:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: -moz-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: linear-gradient(114deg, #143CA5 0%, #07226A 100%); z-index: -1; }

@media screen and (max-width: 1419px) { .hxys-box5 { height: 700px; } }

@media screen and (max-width: 1319px) { .hxys-box5 { height: 520px; padding-top: 80px; } }

@media screen and (max-width: 991px) { .hxys-box5 { height: 400px; padding-top: 50px; } }

@media screen and (max-width: 767px) { .hxys-box5 { height: 250px; padding-top: 30px; } }

@media screen and (max-width: 480px) { .hxys-box5 { background-image: none; height: auto; } }

.hxys-box5 .box-img { display: none; }

@media screen and (max-width: 480px) { .hxys-box5 .box-img { display: block; } }

.hxys-box5 .box-img img { display: block; width: 100%; }

.hxys-box5 .item-box { float: right; margin-right: 18px; }

@media screen and (max-width: 1319px) { .hxys-box5 .item-box { margin-right: 0; } }

@media screen and (max-width: 480px) { .hxys-box5 .item-box { margin-bottom: 15px; } }

.hxys-box5 .item-box .item-title { text-align: right; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1; }

.hxys-box5 .item-box .item-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box5 .item-box .item-title { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 991px) { .hxys-box5 .item-box .item-title { font-size: 38px; font-size: 3.8rem; } }

@media screen and (max-width: 767px) { .hxys-box5 .item-box .item-title { font-size: 22px; font-size: 2.2rem; } }

.hxys-box5 .item-box .item-img { margin: -25px 30px 0 0; }

@media screen and (max-width: 1319px) { .hxys-box5 .item-box .item-img { margin: -20px 25px 0 0; } }

@media screen and (max-width: 991px) { .hxys-box5 .item-box .item-img { margin: -15px 15px 0 0; } }

@media screen and (max-width: 767px) { .hxys-box5 .item-box .item-img { margin: -7px 15px 0 0; } }

.hxys-box5 .item-box .item-img img { display: block; width: 471px; }

@media screen and (max-width: 1319px) { .hxys-box5 .item-box .item-img img { width: 350px; } }

@media screen and (max-width: 991px) { .hxys-box5 .item-box .item-img img { width: 250px; } }

@media screen and (max-width: 767px) { .hxys-box5 .item-box .item-img img { width: 150px; } }

.hxys-box6 { padding: 100px 0 19px; }

@media screen and (max-width: 1319px) { .hxys-box6 { padding: 70px 0 0; } }

@media screen and (max-width: 991px) { .hxys-box6 { padding: 50px 0 0; } }

@media screen and (max-width: 767px) { .hxys-box6 { padding: 30px 0 0; } }

.hxys-box6 .item-pic { float: left; width: 42.61538%; margin-right: 11%; margin-top: 11px; margin-left: -7.38462%; }

.hxys-box6 .item-pic img { display: block; width: 100%; }

@media screen and (max-width: 1619px) { .hxys-box6 .item-pic { margin-left: 0; } }

@media screen and (max-width: 1319px) { .hxys-box6 .item-pic { width: 46.69231%; margin-right: 3.84615%; } }

@media screen and (max-width: 767px) { .hxys-box6 .item-pic { margin-top: 0; margin-right: 2.30769%; } }

@media screen and (max-width: 640px) { .hxys-box6 .item-pic { float: none; width: 100%; max-width: 400px; margin: 0 auto 30px; } }

.hxys-box6 .item-body { overflow: hidden; margin-right: 7.38462%; }

@media screen and (max-width: 1619px) { .hxys-box6 .item-body { margin-right: 0; } }

.hxys-box6 .item-body .item-img { max-width: 451px; margin: 0 auto; }

.hxys-box6 .item-body .item-img img { display: block; width: 100%; }

.hxys-box6 .box-title { text-align: center; font-size: 62px; font-size: 6.2rem; font-weight: bold; line-height: 1.3; margin-bottom: 66px; }

.hxys-box6 .box-title strong { display: inline; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box6 .box-title { font-size: 50px; font-size: 5rem; margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .hxys-box6 .box-title { font-size: 38px; font-size: 3.8rem; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .hxys-box6 .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

.hxys-box6 .box-list { font-size: 0; letter-spacing: 0; padding-bottom: 22px; }

@media screen and (max-width: 1319px) { .hxys-box6 .box-list { padding-bottom: 10px; } }

@media screen and (max-width: 767px) { .hxys-box6 .box-list { padding-bottom: 5px; } }

.hxys-box6 .box-list .list-item { display: inline-block; vertical-align: top; width: 46.10282%; margin-left: 7.79436%; text-align: center; background: url(../images/hxys13.png) no-repeat bottom center; background-size: contain; padding: 5px 5px 34px; margin-bottom: 51px; }

@media screen and (max-width: 1319px) { .hxys-box6 .box-list .list-item { margin-bottom: 30px; padding: 10px 5px 30px; } }

@media screen and (max-width: 991px) { .hxys-box6 .box-list .list-item { padding: 10px 5px 20px; width: 49%; margin-left: 2%; margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .hxys-box6 .box-list .list-item { margin-bottom: 20px; } }

.hxys-box6 .box-list .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; }

.hxys-box6 .box-list .item-title strong { font-weight: normal; background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box6 .box-list .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .hxys-box6 .box-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .hxys-box6 .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }

.hxys-box6 .box-list .item-desc { margin-top: 4px; font-size: 48px; font-size: 4.8rem; line-height: 1.3; }

.hxys-box6 .box-list .item-desc strong { background: -webkit-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: -moz-linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); background: linear-gradient(-45deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1319px) { .hxys-box6 .box-list .item-desc { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .hxys-box6 .box-list .item-desc { font-size: 30px; font-size: 3rem; margin-top: 0; } }

@media screen and (max-width: 767px) { .hxys-box6 .box-list .item-desc { font-size: 24px; font-size: 2.4rem; } }

/*-------------4-核心优势 end---------------------------------------------------------------*/
/*-------------5-新闻动态-1 start-----------------------------------------------------------*/
.news1-list { font-size: 0; letter-spacing: 0; padding-bottom: 33px; }

@media screen and (max-width: 1319px) { .news1-list { padding-bottom: 30px; } }

@media screen and (max-width: 991px) { .news1-list { padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .news1-list { padding-bottom: 10px; } }

.news1-list .list-item { display: inline-block; vertical-align: top; width: 47.69231%; margin-left: 4.61538%; border-radius: 24px; overflow: hidden; background-color: #F5F6FA; margin-bottom: 35px; }

@media screen and (max-width: 1319px) { .news1-list .list-item { border-radius: 15px; } }

@media screen and (max-width: 991px) { .news1-list .list-item { width: 49%; margin-left: 2%; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .news1-list .list-item { border-radius: 10px; margin-bottom: 20px; } }

.news1-list .item-pic { border-radius: 24px; }

.news1-list .item-pic a { display: block; overflow: hidden; padding-bottom: 61.29032%; position: relative; }

.news1-list .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 1319px) { .news1-list .item-pic { border-radius: 15px; } }

@media screen and (max-width: 767px) { .news1-list .item-pic { border-radius: 10px; } }

.news1-list .item-body { padding: 25px 40px 33px; }

@media screen and (max-width: 1319px) { .news1-list .item-body { padding: 20px 20px 30px; } }

@media screen and (max-width: 991px) { .news1-list .item-body { padding: 15px 15px 20px; } }

@media screen and (max-width: 767px) { .news1-list .item-body { padding: 10px 10px 12px; } }

@media screen and (max-width: 640px) { .news1-list .item-body { padding: 8px 6px 10px; } }

.news1-list .item-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.4; margin-bottom: 15px; }

.news1-list .item-title, .news1-list .item-title a { color: #666; }

@media screen and (max-width: 1319px) { .news1-list .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .news1-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .news1-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.news1-list .item-tip { float: left; background-color: #143CA5; color: #fff; padding: 0 13px; line-height: 24px; border-radius: 5px; font-size: 16px; font-size: 1.6rem; margin-right: 13px; }

@media screen and (max-width: 1319px) { .news1-list .item-tip { font-size: 14px; font-size: 1.4rem; margin-right: 10px; } }

@media screen and (max-width: 991px) { .news1-list .item-tip { padding: 0 10px; } }

@media screen and (max-width: 767px) { .news1-list .item-tip { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 0 8px; margin-right: 5px; } }

.news1-list .item-date { float: left; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #999; }

@media screen and (max-width: 1319px) { .news1-list .item-date { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .news1-list .item-date { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

/*-------------5-新闻动态-1 end-------------------------------------------------------------*/
/*-------------5-新闻动态-2 start-----------------------------------------------------------*/
.news2-main > .item-title { text-align: center; font-size: 42px; font-size: 4.2rem; line-height: 1.4285; font-weight: bold; color: #143CA5; }

@media screen and (max-width: 1319px) { .news2-main > .item-title { font-size: 34px; font-size: 3.4rem; } }

@media screen and (max-width: 991px) { .news2-main > .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 767px) { .news2-main > .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 480px) { .news2-main > .item-title { font-size: 16px; font-size: 1.6rem; } }

.news2-main .item-date { text-align: center; margin-top: 42px; font-size: 18px; font-size: 1.8rem; line-height: 1.3; color: #999; }

@media screen and (max-width: 1319px) { .news2-main .item-date { margin-top: 30px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .news2-main .item-date { margin-top: 20px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .news2-main .item-date { margin-top: 10px; font-size: 12px; font-size: 1.2rem; } }

.news2-main .item-desc { margin-top: 34px; border-top: solid 1px #DFDFDF; border-bottom: solid 1px #DFDFDF; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-indent: 2em; padding: 31px 0 63px; }

.news2-main .item-desc img, .news2-main .item-desc iframe { max-width: 100%; }

@media screen and (max-width: 1319px) { .news2-main .item-desc { margin-top: 25px; padding: 25px 0 50px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .news2-main .item-desc { margin-top: 20px; padding: 20px 0 40px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

@media screen and (max-width: 767px) { .news2-main .item-desc { margin-top: 10px; padding: 15px 0 25px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

/*-------------5-新闻动态-2 end-------------------------------------------------------------*/
/*-------------6-联系我们-1 start-----------------------------------------------------------*/
.contact_bread .item-body { padding-bottom: 370px; }

@media screen and (max-width: 1519px) { .contact_bread .item-body { padding-bottom: 250px; } }

@media screen and (max-width: 1319px) { .contact_bread .item-body { padding-bottom: 150px; } }

@media screen and (max-width: 991px) { .contact_bread .item-body { padding-bottom: 100px; } }

@media screen and (max-width: 767px) { .contact_bread .item-body { padding-bottom: 50px; } }

.contact-main { margin-top: -370px; overflow: hidden; border-radius: 24px; background-color: #F5F6FA; position: relative; z-index: 1; }

@media screen and (max-width: 1519px) { .contact-main { margin-top: -250px; } }

@media screen and (max-width: 1319px) { .contact-main { margin-top: -150px; } }

@media screen and (max-width: 991px) { .contact-main { margin-top: -100px; } }

@media screen and (max-width: 767px) { .contact-main { margin-top: -50px; border-radius: 15px; } }

.contact-main .box-info { float: left; width: 49.53846%; padding: 58px 53px 0 60px; }

@media screen and (max-width: 1319px) { .contact-main .box-info { padding: 40px 30px 25px; } }

@media screen and (max-width: 991px) { .contact-main .box-info { width: 100%; float: none; padding: 30px 20px 20px; } }

@media screen and (max-width: 767px) { .contact-main .box-info { padding: 25px 15px 15px; } }

.contact-main .box-info .tel-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; position: relative; color: #666; margin-bottom: 10px; }

.contact-main .box-info .tel-title .iconfont { position: absolute; right: 0; color: #143CA5; top: 0; }

@media screen and (max-width: 1319px) { .contact-main .box-info .tel-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .contact-main .box-info .tel-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .contact-main .box-info .tel-title { font-size: 16px; font-size: 1.6rem; } }

.contact-main .box-info .tel-num { font-family: "Bebas"; font-size: 42px; font-size: 4.2rem; line-height: 1.2; color: #143CA5; margin-bottom: 41px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .tel-num { font-size: 36px; font-size: 3.6rem; margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .contact-main .box-info .tel-num { font-size: 30px; font-size: 3rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .contact-main .box-info .tel-num { font-size: 24px; font-size: 2.4rem; } }

.contact-main .box-info .mail-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; position: relative; color: #143CA5; margin-bottom: 8px; }

.contact-main .box-info .mail-title .iconfont { position: absolute; right: 0; color: #143CA5; top: 0; }

@media screen and (max-width: 1319px) { .contact-main .box-info .mail-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .contact-main .box-info .mail-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .contact-main .box-info .mail-title { font-size: 16px; font-size: 1.6rem; } }

.contact-main .box-info .mail-desc { padding-bottom: 57px; border-bottom: solid 1px #E4E4E4; margin-bottom: 32px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.contact-main .box-info .mail-desc, .contact-main .box-info .mail-desc a { color: #666; }

.contact-main .box-info .mail-desc a:hover { color: #143CA5; }

@media screen and (max-width: 1319px) { .contact-main .box-info .mail-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; padding-bottom: 30px; margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .contact-main .box-info .mail-desc { padding-bottom: 20px; } }

.contact-main .box-info .form-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; color: #143CA5; margin-bottom: 30px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .form-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .contact-main .box-info .form-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .contact-main .box-info .form-title { font-size: 16px; font-size: 1.6rem; } }

.contact-main .box-info .box-form { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }

.contact-main .box-info .box-form ::-webkit-input-placeholder { color: #999; opacity: 0.5; }

.contact-main .box-info .box-form :-o-placeholder { color: #999; opacity: 0.5; }

.contact-main .box-info .box-form ::-moz-placeholder { color: #999; opacity: 0.5; }

.contact-main .box-info .box-form :-ms-input-placeholder { color: #999; opacity: 0.5; }

.contact-main .box-info .box-form input, .contact-main .box-info .box-form textarea { display: block; background-color: #fff; width: 100%; border-radius: 5px; padding: 0 15px; font-size: 14px; font-size: 1.4rem; color: #999; }

@media screen and (max-width: 767px) { .contact-main .box-info .box-form input, .contact-main .box-info .box-form textarea { font-size: 12px; font-size: 1.2rem; padding: 0 10px; } }

.contact-main .box-info .box-form input { height: 50px; line-height: 50px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form input { height: 40px; line-height: 40px; } }

.contact-main .box-info .box-form textarea { height: 169px; padding-top: 9px; padding-bottom: 9px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form textarea { height: 120px; } }

.contact-main .box-info .box-form .star { position: relative; }

.contact-main .box-info .box-form .star:before { position: absolute; content: '*'; font-size: 16px; font-size: 1.6rem; color: #FF0000; left: 0; top: 0; font-family: arial, helvetica, sans-serif; }

.contact-main .box-info .box-form .item-input, .contact-main .box-info .box-form .item-textarea { padding-left: 10px; margin-bottom: 20px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-input, .contact-main .box-info .box-form .item-textarea { margin-bottom: 15px; } }

.contact-main .box-info .box-form .item-input { float: left; width: 160px; margin-left: 10px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-input { width: 100%; margin-left: 0; } }

.contact-main .box-info .box-form .item-email { width: 190px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-email { width: 100%; } }

.contact-main .box-info .box-form .item-textarea { margin-bottom: 40px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-textarea { margin-bottom: 15px; } }

.contact-main .box-info .box-form .item-btn { float: left; margin-left: 0; }

.contact-main .box-info .box-form .item-btn input { background-color: #143CA5; color: #fff; font-weight: bold; font-size: 16px; font-size: 1.6rem; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.contact-main .box-info .box-form .item-btn input:hover { background-color: #000; }

@media screen and (max-width: 767px) { .contact-main .box-info .box-form .item-btn input { font-size: 14px; font-size: 1.4rem; } }

.contact-main .box-info .box-form .item-code { float: right; margin-left: 3px; width: 220px; }

.contact-main .box-info .box-form .item-code input { border-radius: 5px 0 0 0 5px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-code { margin-left: 0; width: -webkit-calc(100% - 112px); width: -moz-calc(100% - 112px); width: calc(100% - 112px); } }

.contact-main .box-info .box-form .item-img { cursor: pointer; float: right; font-size: 0; overflow: hidden; line-height: 50px; border-radius: 0 5px 5px 0; background-color: #fff; }

.contact-main .box-info .box-form .item-img img { vertical-align: middle; max-height: 50px; }

@media screen and (max-width: 1319px) { .contact-main .box-info .box-form .item-img { line-height: 40px; }
  .contact-main .box-info .box-form .item-img img { max-height: 40px; } }

.contact-main .map { overflow: hidden; }

@media screen and (max-width: 991px) { .contact-main .map { width: 100%; } }

.contact-main .map img, .contact-main .map iframe { display: block; height: 850px; width: 100%; }

@media screen and (max-width: 1319px) { .contact-main .map img, .contact-main .map iframe { height: 803px; } }

@media screen and (max-width: 991px) { .contact-main .map img, .contact-main .map iframe { height: 500px; } }

@media screen and (max-width: 767px) { .contact-main .map img, .contact-main .map iframe { height: 300px; } }

/*-------------6-联系我们-1 end-------------------------------------------------------------*/
/*-------------6-联系我们-2 start-----------------------------------------------------------*/
.join1-main { max-width: 1000px; margin: 0 auto; }

.join1-top { padding-bottom: 18px; border-bottom: solid 2px #F8F8F8; margin-bottom: 46px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media screen and (max-width: 1319px) { .join1-top { padding-bottom: 15px; margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .join1-top { padding-bottom: 12px; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .join1-top { padding-bottom: 8px; margin-bottom: 20px; } }

.join1-top .item-title { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; font-weight: bold; font-size: 32px; font-size: 3.2rem; line-height: 1.2; color: #143CA5; }

@media screen and (max-width: 1319px) { .join1-top .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .join1-top .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .join1-top .item-title { font-size: 18px; font-size: 1.8rem; } }

.join1-top .item-desc { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #666; }

@media screen and (max-width: 1319px) { .join1-top .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .join1-top .item-desc { font-size: 12px; font-size: 1.2rem; } }

.join1-list { padding-bottom: 40px; }

@media screen and (max-width: 1319px) { .join1-list { padding-bottom: 30px; } }

@media screen and (max-width: 991px) { .join1-list { padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .join1-list { padding-bottom: 10px; } }

.join1-list .list-item { border-radius: 5px; background-color: #F8F8F8; margin-bottom: 20px; position: relative; padding: 31px 200px 23px 45px; }

@media screen and (max-width: 1319px) { .join1-list .list-item { padding: 25px 180px 20px 30px; } }

@media screen and (max-width: 991px) { .join1-list .list-item { padding: 20px 150px 20px 20px; } }

@media screen and (max-width: 767px) { .join1-list .list-item { padding: 15px 15px 15px 15px; } }

.join1-list .item-share { position: absolute; top: 46px; right: 50px; font-size: 26px; font-size: 2.6rem; color: #666; }

.join1-list .item-share .iconfont { display: block; line-height: 1; }

.join1-list .item-share:hover { color: #143CA5; }

@media screen and (max-width: 1319px) { .join1-list .item-share { right: 30px; top: 30px; } }

@media screen and (max-width: 991px) { .join1-list .item-share { right: 20px; top: 20px; font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .join1-list .item-share { right: 15px; top: 15px; font-size: 20px; font-size: 2rem; } }

.join1-list .item-title { font-weight: bold; font-size: 20px; font-size: 2rem; line-height: 1.4; margin-bottom: 9px; }

@media screen and (max-width: 1319px) { .join1-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .join1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .join1-list .item-title { font-size: 14px; font-size: 1.4rem; padding-right: 20px; } }

.join1-list .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 7px; }

.join1-list .item-subt, .join1-list .item-subt a { color: #666; }

@media screen and (max-width: 1319px) { .join1-list .item-subt { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .join1-list .item-subt { line-height: 24px; } }

@media screen and (max-width: 767px) { .join1-list .item-subt { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 5px; padding-right: 20px; } }

.join1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.join1-list .item-desc, .join1-list .item-desc a { color: #999; }

@media screen and (max-width: 1319px) { .join1-list .item-desc { line-height: 26px; } }

@media screen and (max-width: 991px) { .join1-list .item-desc { line-height: 24px; } }

@media screen and (max-width: 767px) { .join1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.join1-list .item-btn { position: absolute; text-align: center; display: inline-block; right: 45px; bottom: 35px; min-width: 120px; line-height: 38px; border-radius: 20px; border: solid 1px #143CA5; color: #143CA5; font-size: 16px; font-size: 1.6rem; padding: 0 10px; }

@media screen and (max-width: 1319px) { .join1-list .item-btn { line-height: 32px; font-size: 14px; font-size: 1.4rem; right: 30px; bottom: 20px; } }

@media screen and (max-width: 991px) { .join1-list .item-btn { min-width: 100px; line-height: 26px; bottom: 20px; right: 20px; } }

@media screen and (max-width: 767px) { .join1-list .item-btn { margin-top: 15px; min-width: 90px; line-height: 22px; font-size: 12px; font-size: 1.2rem; position: relative; bottom: 0; right: 0; } }

/*-------------6-联系我们-2 end-------------------------------------------------------------*/
/*-------------6-联系我们-3 start-----------------------------------------------------------*/
.join2-wrap { max-width: 1000px; margin: 0 auto; }

.join2-main { background-color: #F8F8F8; border-radius: 5px; padding: 42px 47px 73px; margin-bottom: 58px; position: relative; }

@media screen and (max-width: 1319px) { .join2-main { padding: 30px 30px 50px; margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .join2-main { padding: 20px 20px 40px; margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .join2-main { padding: 15px 15px 25px; margin-bottom: 30px; } }

.join2-main .item-share { position: absolute; top: 48px; right: 29px; font-size: 26px; font-size: 2.6rem; color: #143CA5; }

.join2-main .item-share .iconfont { display: block; line-height: 1; }

.join2-main .item-share:hover { color: #143CA5; }

@media screen and (max-width: 1319px) { .join2-main .item-share { right: 30px; top: 30px; } }

@media screen and (max-width: 991px) { .join2-main .item-share { right: 20px; top: 20px; font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .join2-main .item-share { right: 15px; top: 15px; font-size: 20px; font-size: 2rem; } }

.join2-main .item-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.3; margin-bottom: 25px; padding-right: 15px; }

@media screen and (max-width: 1319px) { .join2-main .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .join2-main .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 15px; padding-right: 30px; } }

@media screen and (max-width: 767px) { .join2-main .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } }

@media screen and (max-width: 480px) { .join2-main .item-title { font-size: 16px; font-size: 1.6rem; } }

.join2-main .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #666; border-bottom: solid 1px #E2E2E2; margin-bottom: 23px; padding-bottom: 19px; padding-right: 15px; }

@media screen and (max-width: 1319px) { .join2-main .item-subt { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; padding-bottom: 15px; } }

@media screen and (max-width: 991px) { .join2-main .item-subt { padding-right: 30px; } }

@media screen and (max-width: 767px) { .join2-main .item-subt { font-size: 12px; font-size: 1.2rem; padding-bottom: 10px; margin-bottom: 15px; } }

.join2-main .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.join2-main .item-desc, .join2-main .item-desc * { color: #666; }

.join2-main .item-desc strong { color: #333; font-size: 16px; font-size: 1.6rem; display: block; margin-bottom: 12px; }

@media screen and (max-width: 1319px) { .join2-main .item-desc { line-height: 26px; }
  .join2-main .item-desc strong { margin-bottom: 5px; } }

@media screen and (max-width: 991px) { .join2-main .item-desc { line-height: 24px; } }

@media screen and (max-width: 767px) { .join2-main .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .join2-main .item-desc strong { font-size: 14px; font-size: 1.4rem; } }

.join2-other { font-size: 24px; font-size: 2.4rem; line-height: 1.3; padding: 0 45px; margin-bottom: 26px; }

@media screen and (max-width: 1319px) { .join2-other { font-size: 22px; font-size: 2.2rem; padding: 0 30px; margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .join2-other { font-size: 20px; font-size: 2rem; padding: 0 20px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .join2-other { font-size: 16px; font-size: 1.6rem; padding: 0 15px; margin-bottom: 10px; } }

/*-------------6-联系我们-3 end-------------------------------------------------------------*/

@media screen and (min-width: 992px) { .n-nav, .n-nav-icon { display: none; } }

@-webkit-keyframes resize { 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: scale(5, 5);
    transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-moz-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-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: scale(5, 5);
    -moz-transform: scale(5, 5);
         transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
         transform: scale(1, 1); } }

@keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-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: scale(5, 5);
    -moz-transform: scale(5, 5);
      -o-transform: scale(5, 5);
         transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
         transform: scale(1, 1); } }

.n-nav .n-nav-icon { position: fixed; right: 5px; top: 14px; width: 35px; height: 28px; line-height: 28px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999; }

@media screen and (max-width: 767px) { .n-nav .n-nav-icon { top: 10px; } }

.n-nav .n-nav-icon .iconfont { font-size: 20px; font-size: 2.0rem; color: #0066A1; }

.n-nav .n-nav-icon span { display: none; width: 100%; height: 2px; margin-bottom: 4px; background-color: #0066A1; }

.n-nav .n-nav-icon.active { top: 5px; background: #666 url(../fonts/nav-close.png) no-repeat center; background-size: 30px; }

.n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont { display: none; }

.n-nav .n-nav-body { display: none; position: fixed; z-index: 99999999; top: 0; bottom: 0; width: 100%; left: 0; overflow-y: scroll; background-color: #666; padding-top: 40px; }

.n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #0066A1; margin: 5px 10px; }

.n-nav .box-search .item-input { width: 100%; line-height: 32px; height: 32px; padding: 0 60px 0 0; }

.n-nav .box-search .iconfont { font-weight: bold; background-color: #0066A1; width: 44px; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; z-index: 0; }

.n-nav .box-search .iconfont:hover { background-color: #666; }

.n-nav .box-search .item-submit { position: absolute; width: 44px; height: 32px; right: 10px; top: 5px; z-index: 1; }

.n-nav .box-list { margin-top: 30px; }

.n-nav .box-list > li { position: relative; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: resize; -moz-animation-name: resize; animation-name: resize; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding: 0 10px; }

.n-nav .box-list > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.n-nav .box-list li { position: relative; }

.n-nav .box-list li .has-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../fonts/n1.png) no-repeat center; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; }

.n-nav .box-list li.active > .has-next { background: url(../fonts/n2.png) no-repeat center; background-size: contain; }

.n-nav .box-list .yiji-list { display: none; }

.n-nav .box-list .yiji-list li { padding-left: 12px; }

.n-nav .box-list .yiji-list li .has-next { right: 0; }

.n-nav .box-list .yiji-list li > a { padding: 10px 25px 10px 20px; line-height: 22px; position: relative; }

.n-nav .box-list .yiji-list li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; top: 19px; left: 10px; }

.n-nav .box-list .erji-list { display: none; }

.n-nav .box-list .sanji-list { display: none; }

.slideshow { position: relative; z-index: 0; }

.slideshow .wp { position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; }

.slideshow .wp img { max-width: 100%; max-height: 80%; }

.slideshow .item a img { width: 100%; -webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.slick-dots { position: absolute; left: 0; bottom: 2.31481%; width: 100%; text-align: center; font-size: 0; letter-spacing: 0; }

.slick-dots li { display: inline-block; vertical-align: bottom; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-size: 0; width: 13px; height: 13px; border-radius: 50%; margin: 0 7px; background-color: #fff; opacity: 0.3; }

.slick-dots li.slick-active { opacity: 0.8; }

@media screen and (max-width: 1219px) { .slick-dots li { width: 12px; height: 12px; margin: 0 6px; } }

@media screen and (max-width: 991px) { .slick-dots li { width: 10px; height: 10px; margin: 0 4px; } }

@media screen and (max-width: 767px) { .slick-dots li { width: 8px; height: 8px; margin: 0 2px; } }

.slick-prev, .slick-next { display: none !important; background-color: transparent; border: 0; outline: none; cursor: pointer; position: absolute; bottom: 5.15464%; z-index: 9; font-size: 21px; font-size: 2.1rem; width: 44px; height: 44px; line-height: 44px; text-align: center; background-color: #143CA5; color: #fff; }

.slick-prev:hover, .slick-next:hover { background-color: #fff; color: #143CA5; }

@media screen and (max-width: 1419px) { .slick-prev, .slick-next { font-size: 20px; font-size: 2rem; width: 40px; height: 40px; line-height: 40px; } }

@media screen and (max-width: 1219px) { .slick-prev, .slick-next { font-size: 18px; font-size: 1.8rem; width: 34px; height: 34px; line-height: 34px; } }

@media screen and (max-width: 991px) { .slick-prev, .slick-next { font-size: 16px; font-size: 1.6rem; width: 30px; height: 30px; line-height: 30px; } }

@media screen and (max-width: 767px) { .slick-prev, .slick-next { font-size: 16px; font-size: 1.6rem; width: 28px; height: 28px; line-height: 28px; } }

.slick-prev { left: -webkit-calc(50% - 700px); left: -moz-calc(50% - 700px); left: calc(50% - 700px); }

@media screen and (max-width: 1419px) { .slick-prev { left: -webkit-calc(50% - 600px); left: -moz-calc(50% - 600px); left: calc(50% - 600px); } }

@media screen and (max-width: 1219px) { .slick-prev { left: -webkit-calc(50% - 480px); left: -moz-calc(50% - 480px); left: calc(50% - 480px); } }

@media screen and (max-width: 991px) { .slick-prev { left: -webkit-calc(50% - 360px); left: -moz-calc(50% - 360px); left: calc(50% - 360px); } }

@media screen and (max-width: 767px) { .slick-prev { left: 15px; display: none !important; } }

.slick-next { margin-left: 4px; left: -webkit-calc(50% - 700px + 44px); left: -moz-calc(50% - 700px + 44px); left: calc(50% - 700px + 44px); }

@media screen and (max-width: 1419px) { .slick-next { left: -webkit-calc(50% - 600px + 40px); left: -moz-calc(50% - 600px + 40px); left: calc(50% - 600px + 40px); } }

@media screen and (max-width: 1219px) { .slick-next { left: -webkit-calc(50% - 480px + 34px); left: -moz-calc(50% - 480px + 34px); left: calc(50% - 480px + 34px); } }

@media screen and (max-width: 991px) { .slick-next { right: -webkit-calc(50% - 360px + 30px); right: -moz-calc(50% - 360px + 30px); right: calc(50% - 360px + 30px); } }

@media screen and (max-width: 767px) { .slick-next { left: 43px; display: none !important; } }

.slideshow .item.slick-active.item_one img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.slideshow .item.slick-active.item_one.on img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.slick-list, .slick-slider, .slick-track { position: relative; display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; }

.slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { top: 0; left: 0; }

.slick-track:after, .slick-track:before { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-slide iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.slick-slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }

.slick-dots .slide-count { display: none; }

@media screen and (max-width: 991px) { .slick-slide video { -o-object-position: inherit; object-position: inherit; -o-object-fit: inherit; object-fit: inherit; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; top: 0; } }

.slideshow { position: relative; padding-bottom: 56.25%; }

.slideshow .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.header.fixed .navlist .nav-active>a,
.header.index-header.fixed .navlist .nav-active>a {
  color: #143CA5 !important;
}

.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#143CA5;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer;  border:1px solid #143CA5; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{  border:#143CA5 solid 1px;background: #143CA5; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    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 swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

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

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

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

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  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)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

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

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

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

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

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

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

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

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

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

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

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

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

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

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

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

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

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

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

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

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

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

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

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

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -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);
  }

  100% {
    -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 {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInStable {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomInStable {
 0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  33.333% {
    opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  66.666666% {
    opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.zoomInStable {
  -webkit-animation-name: zoomInStable;
  animation-name: zoomInStable;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-webkit-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-moz-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}

@-o-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}
}

@-ms-keyframes anime {
from {
	opacity: 0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
to {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
}

}

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1319px) {}
@media screen and (max-width:991px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:640px) {}
@media screen and (max-width:480px) {}


@font-face {
    font-family: 'Bebas';
    src: url(/uploads/crawl/32453c793f1a578d570fccf292f3c7cc.eot);
    src: url(/uploads/crawl/32453c793f1a578d570fccf292f3c7cc.eot) format('embedded-opentype'),
         url(/uploads/crawl/6c1f76c4b6f819b1cb197defd8e3ce68.woff2) format('woff2'),
         url(/uploads/crawl/5de5b274d5f959a0fd667c4b72a73112.woff) format('woff'),
         url(/uploads/crawl/58ec469d3c85d18127d162498e234371.ttf) format('truetype'),
         url('../fonts/Bebas.svg#Bebas') format('svg');
		 font-display: swap; 
}

@font-face {
  font-family: "iconfont"; /* Project id 2878024 */
  src: url(/uploads/crawl/2ee8ff6309328d2e62d672b308c12c34.woff2) format('woff2'),
       url(/uploads/crawl/14f1fb73532b3adad9a51cd8b197afb0.woff) format('woff'),
       url(/uploads/crawl/989a57694e67aa2301e029e4a557c3c6.ttf) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-test10:before {
  content: "\e651";
}

.icon-icon-test12:before {
  content: "\e653";
}

.icon-shipin:before {
  content: "\e619";
}

.icon-shipin2:before {
  content: "\e62f";
}

.icon-dianhuatianchong:before {
  content: "\e678";
}

.icon-huidaodingbu:before {
  content: "\e670";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-wechat:before {
  content: "\e7c1";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c3";
}

.icon-email1:before {
  content: "\e7c4";
}

.icon-phone:before {
  content: "\e7c6";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-website1:before {
  content: "\e7c9";
}

.icon-qq:before {
  content: "\e7ca";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-message2:before {
  content: "\e7dc";
}

.icon-companyname:before {
  content: "\e610";
}

.icon-whatsapp1:before {
  content: "\e7c5";
}

.icon-address1:before {
  content: "\e7c8";
}

.icon-contact1:before {
  content: "\e7cd";
}

.icon-email2:before {
  content: "\e7ce";
}

.icon-email11:before {
  content: "\e7cf";
}

.icon-address11:before {
  content: "\e7d0";
}

.icon-fax1:before {
  content: "\e7d1";
}

.icon-skype1:before {
  content: "\e7d2";
}

.icon-fax11:before {
  content: "\e7d3";
}

.icon-qq1:before {
  content: "\e7d4";
}

.icon-tel1:before {
  content: "\e7d5";
}

.icon-wechat1:before {
  content: "\e7d6";
}

.icon-website:before {
  content: "\e7d7";
}

.icon-phone2:before {
  content: "\e7d8";
}

.icon-mobile1:before {
  content: "\e7d9";
}

.icon-message:before {
  content: "\ebe1";
}

.icon-icons-hqew-:before {
  content: "\e64e";
}

.icon-xiazai:before {
  content: "\e620";
}

.icon-wuxian:before {
  content: "\e604";
}

.icon-fenxiang:before {
  content: "\e607";
}

.icon-fenxiang1:before {
  content: "\e624";
}

.icon-biaoqian:before {
  content: "\e63b";
}

.icon-daohang:before {
  content: "\e648";
}

.icon-saomiao:before {
  content: "\e793";
}

.icon-jiance:before {
  content: "\e74e";
}

.icon-fenxi:before {
  content: "\e618";
}

.icon-chuanganqi1:before {
  content: "\e8dd";
}

.icon-weibo:before {
  content: "\e63e";
}

.icon-youxiang:before {
  content: "\e613";
}

.icon-youxiang1:before {
  content: "\e6cb";
}

.icon-xinxi:before {
  content: "\e6aa";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-top10:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-liebiao:before {
  content: "\e834";
}

.icon-search:before {
  content: "\e612";
}

.icon-list:before {
  content: "\e671";
}



/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* Owl Carousel Owl Demo Theme  v1.3.3 */
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons { font-size: 0; letter-spacing: 0; text-align: center; }

.owl-theme .owl-controls .owl-buttons div { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Pagination*/
.owl-theme .owl-controls .owl-pagination { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 30px; }

@media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-pagination { margin-top: 20px; } }

@media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-pagination { margin-top: 10px; } }

.owl-theme .owl-controls .owl-page { display: inline-block; vertical-align: top; }

.owl-theme .owl-controls .owl-page span { display: block; width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; font-size: 0; border: solid 2px #0040A2; }

@media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-page span { margin: 0 4px; width: 12px; height: 12px; } }

@media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 10px; height: 10px; } }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #0040A2; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }
.pro2-spec .box-item .item-pic{width:20%;}

.pro2-spec .box-item .item-title{width:15%; margin-right:9%; text-align:right;}

@media screen and (max-width: 1319px) {.pro2-spec .box-item .item-title{width:18%; margin-right:6%; }}

@media screen and (max-width: 991px) {.pro2-spec .box-item .item-title{width:19%; margin-right:5%; }}

@media screen and (max-width: 767px) {.pro2-spec .box-item .item-title{width:17%; margin-right:7%; }}

@media screen and (max-width: 640px) {.pro2-spec .box-item .item-title{margin-right:0; text-align:left; width:auto;}}


.s_bread,.s-box2,.s-box3 .item-pic{overflow: hidden;}
.s_bread img,.s-box2 img,.s-box3 .item-pic img { transition: all 350ms;}
.s_bread:hover img,.s-box2:hover img,.s-box3 .item-pic:hover img { transform: scale(1.03); }
.header .pro-select,.header .yiji{border-top:0!important;}
/* ============ 内嵌样式 ============ */

      @charset "UTF-8";footer,header{display:block;}.back-top{position:fixed;right:10px;bottom:-100px;z-index:998;font-size:12px;font-size:1.2rem;color:#999;}.back-top .iconfont{color:#444;margin-left:3px;}.footer{background-color:#0b1320;}.footer,.footer *{color:#999;}.footer .f-top{font-size:0;letter-spacing:0;padding:64px 0 52px;border-bottom:1px solid #404040;border-bottom-color:rgba(64,64,64,.5);}.footer .f-top .flist{display:inline-block;vertical-align:top;margin-bottom:30px;font-size:16px;font-size:1.6rem;line-height:30px;}.footer .f-top .flist1{width:25.38462%;padding-right:25px;}@media screen and (max-width:1319px){.footer .f-top .flist1{width:23.07692%;}}.footer .f-top .flist1 .logo1 img{display:block;}.footer .f-top .flist2{width:15%;}@media screen and (max-width:1319px){.footer .f-top .flist2{width:18.84615%;}}.footer .f-top .flist3{width:15%;}@media screen and (max-width:1319px){.footer .f-top .flist3{width:16.53846%;}}.footer .f-top .flist4{width:20.76923%;}@media screen and (max-width:1319px){.footer .f-top .flist4{width:17.69231%;}}.footer .f-top .flist5{width:23.84615%;}.footer .f-top .flist5 .box-tel{margin-top:-6px;font-family:Bebas;font-size:24px;font-size:2.4rem;line-height:1.3;color:#fff;margin-bottom:136px;}@media screen and (max-width:991px){.footer .f-top{padding:50px 0 20px;}.footer .f-top .flist{font-size:14px;font-size:1.4rem;line-height:26px;}.footer .f-top .flist5 .box-tel{margin:-5px 0 60px;font-size:20px;font-size:2rem;}}@media screen and (max-width:767px){.footer .f-top{padding:15px 0 10px;}.footer .f-top .flist{font-size:12px;font-size:1.2rem;line-height:22px;}.footer .f-top .flist1{display:none;}.footer .f-top .flist2{display:none;}.footer .f-top .flist3{display:none;}.footer .f-top .flist4{display:none;}.footer .f-top .flist5{width:100%;margin-bottom:0;text-align:center;}.footer .f-top .flist5 .box-tel{margin:0 0 5px;font-size:18px;font-size:1.8rem;}}.footer .f-top .flist5 .item-title{margin-bottom:18px;}.footer .f-top .flist5 .item-follow{font-size:0;letter-spacing:0;}.footer .f-top .flist5 .item-follow>a{display:inline-block;vertical-align:top;position:relative;margin-left:15px;}.footer .f-top .flist5 .item-follow>a:first-child{margin-left:0;}.footer .f-top .flist5 .item-follow>a .iconfont{display:block;width:40px;height:40px;line-height:36px;border:2px solid #c9c9c9;border-radius:50%;text-align:center;color:#c9c9c9;font-size:20px;font-size:2rem;}.footer .f-top .footer-title{font-weight:700;margin-bottom:16px;margin-top:-3px;}.footer .f-top .footer-title,.footer .f-top .footer-title *{color:#fff;}.footer .f-bot{padding:5px 0 16px;font-size:12px;font-size:1.2rem;line-height:20px;}.footer .f-bot .item-lang{position:absolute;top:0;right:0;}.footer .f-bot .item-box{position:relative;padding-right:90px;}.footer .f-bot .copyright{float:left;}.footer .f-bot .item-keys{overflow:hidden;padding-left:24px;}.footer .f-bot .links{margin-top:9px;text-align:center;}.footer .f-bot .links a{display:inline-block;margin-right:30px;}.footer .item-a{position:relative;}.slick-dots{position:absolute;left:0;bottom:2.31481%;width:100%;text-align:center;font-size:0;letter-spacing:0;}.slick-dots li{display:inline-block;vertical-align:bottom;font-size:0;width:13px;height:13px;border-radius:50%;margin:0 7px;background-color:#fff;opacity:.3;}.slick-dots li.slick-active{opacity:.8;}@media screen and (max-width:1219px){.slick-dots li{width:12px;height:12px;margin:0 6px;}}@media screen and (max-width:991px){.footer .f-top .flist5 .item-title{margin-bottom:10px;}.footer .f-top .flist5 .item-follow>a{margin-left:10px;}.footer .f-top .flist5 .item-follow>a .iconfont{width:34px;height:34px;line-height:30px;font-size:16px;font-size:1.6rem;}.slick-dots li{width:10px;height:10px;margin:0 4px;}}@media screen and (max-width:767px){.footer .f-top .flist5 .item-title{margin-bottom:5px;}.footer .f-top .flist5 .item-follow>a{margin-left:6px;}.footer .f-top .flist5 .item-follow>a .iconfont{width:28px;height:28px;line-height:24px;font-size:14px;font-size:1.4rem;}.footer .f-bot{padding:5px 0 10px;}.footer .f-bot .item-keys{display:none;}.footer .f-bot .links{display:none;}.slick-dots li{width:8px;height:8px;margin:0 2px;}}@font-face{font-family:Bebas;src:url(/uploads/crawl/32453c793f1a578d570fccf292f3c7cc.eot);src:url(/uploads/crawl/32453c793f1a578d570fccf292f3c7cc.eot) format('embedded-opentype'),url(/uploads/crawl/6c1f76c4b6f819b1cb197defd8e3ce68.woff2) format('woff2'),url(/uploads/crawl/5de5b274d5f959a0fd667c4b72a73112.woff) format('woff'),url(/uploads/crawl/58ec469d3c85d18127d162498e234371.ttf) format('truetype'),url(fonts/Bebas.svg#Bebas) format('svg');font-display:swap;}@font-face{font-family:iconfont;src:url(/uploads/crawl/2ee8ff6309328d2e62d672b308c12c34.woff2) format('woff2'),url(/uploads/crawl/14f1fb73532b3adad9a51cd8b197afb0.woff) format('woff'),url(/uploads/crawl/989a57694e67aa2301e029e4a557c3c6.ttf) format('truetype');}.icon-weibo:before{content:"\e63e";}.icon-douyin:before{content:"\e8db";}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color:#222;background-color:rgba(0,0,0,.8);z-index:99999999999999999999999999999999999999;}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top: -webkit-calc(50% - 30px);top: -moz-calc(50% - 30px);top:calc(50% - 30px);width:44px;height:60px;}.baguetteBox-button{position:absolute;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;}.baguetteBox-button#next-button{right:2%;display:block!important;}.baguetteBox-button#previous-button{left:2%;display:block!important;}.baguetteBox-button#close-button{top:20px;right:2%;right: -webkit-calc(2% + 6px);right: -moz-calc(2% + 6px);right:calc(2% + 6px);width:30px;height:30px;}.baguetteBox-button svg{position:absolute;left:0;top:0;}*{margin:0;padding:0; -moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:62.5%;}body{background-color:#fff;color:#333;font-family:"微软雅黑";font-size:14px;font-size:1.4rem;max-width:100%;margin:0 auto;overflow-x:hidden;}@media screen and (max-device-width:320px){body{ -webkit-text-size-adjust:100%;}}@media screen and (max-device-width:480px){body{ -webkit-text-size-adjust:100%;}}@media only screen and ( -webkit-min-device-pixel-ratio:2){body{ -webkit-text-size-adjust:100%;}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{ -webkit-text-size-adjust:100%;}}img{border:none;}ul li{list-style-type:none;}a,form,img,li,p,span,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;color:#333;outline:0;}img{max-width:100%;border:0 solid #ccc;}iframe{max-width:100%;}input{font-family:"微软雅黑";font-size:14px;font-size:1.4rem;border:none;outline:0;background:0 0;}.pull-right{float:right;}.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}header{display:block;}:: -webkit-input-placeholder{color:#999;opacity:1;}:-o-placeholder{color:#999;opacity:1;}:: -moz-placeholder{color:#999;opacity:1;}:-ms-input-placeholder{color:#999;opacity:1;}.common-vc{position:absolute;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}[class*="-item"] .item-pic{position:relative;display:block;text-align:center;overflow:hidden;}[class*="-item"] .item-pic img{display:block!important;width:100%;}[class*="-item"] .item-title{overflow:hidden;color:#333;}[class*="-item"] .item-title a{display:block;color:#333;}.wp1{width:1200px;margin:auto;}@media screen and (max-width:1319px){.footer .f-bot .copyright{float:none;}.footer .f-bot .item-keys{padding-left:0;padding-top:5px;}.wp1{width:960px;}}@media screen and (max-width:991px){.wp1{width:720px;}}@media screen and (max-width:767px){.wp1{width:100%;padding-left:15px;padding-right:15px;}}.wp{width:1300px;margin:auto;}@media screen and (max-width:1319px){.wp{width:960px;}}@media screen and (max-width:991px){.wp{width:720px;}}@media screen and (max-width:767px){.wp{width:100%;padding-left:15px;padding-right:15px;}}.contact-pc{position:fixed;z-index:999;right:0;width:63px;background:#fff;border:1px solid #f5f5f5;border-radius:10px;}.contact-pc li{position:relative;padding:0 8px;}.contact-pc li>a{display:block;border-bottom:1px solid #f5f5f5;line-height:62px;text-align:center;}.contact-pc li>a>.iconfont{display:block;font-size:28px;font-size:2.8rem;color:#999;}@media screen and (max-width:991px){.contact-pc{width:54px;}.contact-pc li>a{line-height:54px;}.contact-pc li>a>.iconfont{font-size:24px;font-size:2.4rem;}.search{display:none;}}.contact-pc .backup{display:none;}@media screen and (max-width:767px){.contact-pc{width:100%;bottom:0;left:0; -webkit-transform:none; -moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;top:auto;font-size:0;letter-spacing:0;height:44px;border-radius:0;}.contact-pc li{display:inline-block;vertical-align:top;width:33.33%;padding:0;}.contact-pc li>a{line-height:44px;}.contact-pc .backup{display:inline-block;}}.contact-pc .ewm-box{display:none;position:absolute;top:0;right:100%;margin-right:10px;width:87px;padding:5px 5px 9px;background-color:#fff;border:1px solid #f5f5f5;border-radius:12px;}.contact-pc .ewm-box:before{position:absolute;content:'';top:10px;left:100%;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;}@media screen and (max-width:767px){.contact-pc .ewm-box{top:auto;right:auto;left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-right:0;margin-bottom:10px;}.contact-pc .ewm-box:before{border-left:8px solid transparent;border-top:8px solid #fff;border-right:8px solid transparent;border-bottom:none;top:100%;left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}}.contact-pc .ewm-box .item-pic img{display:block;}.contact-pc .ewm-box .item-title{color:#999;text-align:center;font-size:12px;font-size:1.2rem;}@media only screen and (max-width:767px){.back-top{display:none;}body{padding-bottom:44px;}}.search-box :: -webkit-input-placeholder{color:#666;opacity:1;}.search-box :-o-placeholder{color:#666;opacity:1;}.search-box :: -moz-placeholder{color:#666;opacity:1;}.search-box :-ms-input-placeholder{color:#666;opacity:1;}.search{position:relative;margin-top:33px;margin-right:15px;}.search .search-icon{display:block;}.search .search-icon .iconfont{display:block;color:#898989;font-weight:700;font-size:17px;font-size:1.7rem;line-height:24px;}.search .search-box{display:none;overflow:hidden;position:absolute;top:38px;right:0;z-index:999;width:260px;height:50px;border-radius:2px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.22);padding:10px;}.search .search-box .iconfont{border-radius:5px;font-size:16px;font-size:1.6rem;color:#fff;background-color:#143ca5;position:absolute;width:30px;height:30px;line-height:30px;text-align:center;right:10px;top:50%;margin-top:-15px;z-index:-1;}.search .search-box .item-input{position:absolute;height:30px;line-height:30px;top:50%;margin-top:-15px;width:100%;left:0;padding:0 45px 0 10px;}.search .search-box .item-submit{position:absolute;width:35px;height:100%;top:0;right:0;z-index:1;}.header.index-header:hover{background-color:#fff;border-bottom:1px solid #f0f0f0;position:fixed;}.header.index-header:hover .logo .logo1{visibility:visible;opacity:1;}.header.index-header:hover .logo .logo2{visibility:hidden;opacity:0;}.header.index-header:hover .navlist>li>a{color:#666!important;}.header.index-header:hover .lang-box .lang-title{color:#666;}.header.index-header:hover .search .search-icon .iconfont{color:#898989;}.header{position:relative;top:0;left:0;z-index:999999;width:100%;background:#fff; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.15);box-shadow:0 2px 5px 0 rgba(0,0,0,.15);}.header:before{position:absolute;content:'';top:100%;left:0;width:100%;background-color:#fff;height:0; -webkit-border-radius:0 0 32px 32px;border-radius:0 0 32px 32px;}@media screen and (min-width:992px){.header.index-header{position:absolute;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:none;}.header.index-header .logo .logo1{visibility:hidden;opacity:0;}.header.index-header .logo .logo2{visibility:visible;opacity:1;}.header.index-header .navlist>li>a{color:#fff!important;}.header.index-header .lang-box .lang-title{color:#fff;}.header.index-header .search .search-icon .iconfont{color:#fff;}.n-nav,.n-nav-icon{display:none;}}.header .lang-box{margin-top:33px;position:relative;}@media screen and (max-width:1319px){.search{margin-top:20px;}.header .lang-box{margin-top:20px;}}@media screen and (max-width:991px){.header .lang-box{margin-top:0;position:absolute;right:45px;top:15px;}}.header .lang-box .lang-title{font-size:12px;font-size:1.2rem;line-height:24px;color:#666;}.header .lang-box .lang-list{display:none;position:absolute;width:100px;top:100%;left:50%;margin-left:-50px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.15);text-align:center;}.header .lang-box .lang-list a{font-size:12px;font-size:1.2rem;line-height:20px;display:block;color:#333;padding:5px;}.header .logo{float:left;display:block;width:150px;margin:36px 0 0;}.header .logo a{display:block;position:relative;padding-bottom:12%;overflow:hidden;}.header .logo .logo1,.header .logo .logo2{display:block;margin:0 auto;width:100%;position:absolute;top:0;left:0;width:100%;height:100%;}.header .logo .logo1{visibility:visible;opacity:1;}.header .logo .logo2{visibility:hidden;opacity:0;}.header .logo img{display:block;}@media screen and (max-width:1319px){.header .logo{margin-top:23px;}}@media screen and (max-width:991px){.header .logo{margin:20px 0;}.header .navlist{display:none;}}@media screen and (max-width:767px){.header .lang-box{top:10px;}.header .logo{width:130px;margin:15px 0;}}.header .navlist{float:right;margin-top:0!important;margin-right:183px!important;font-size:0;letter-spacing:0;}.header .navlist>li{display:inline-block;vertical-align:top;margin-left:0!important;}.header .navlist>li:first-child{margin-left:0;}.header .navlist>li>a{font-size:16px;font-size:1.6rem;display:block;line-height:24px;color:#666;padding-bottom:33px;padding-top:33px;padding-left:21px;padding-right:21px;}.header .navlist>li.nav-active>a{color:#143ca5;}.header .pro-select{z-index:99;position:absolute;top:100%;width:100%;left:0;border-top:1px solid #f3f7fb;height:0;overflow:hidden;opacity:0;}.header .pro-select .wp1{ -webkit-transform:translateY(30px); -moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);padding:60px 0 45px;}.header .pro-select .box-list{font-size:0;letter-spacing:0;}.header .pro-select .box-list .list-item{display:inline-block;vertical-align:top;width:15%;margin-left:2%;margin-bottom:15px;}.header .pro-select .box-list .list-item:nth-child(6n+1){margin-left:0;}.header .pro-select .box-list .item-pic{ -webkit-border-radius:16px;border-radius:16px;background-color:#f3f7fb;}.header .pro-select .box-list .item-pic a{display:block;padding-bottom:100%;overflow:hidden;position:relative;}.header .pro-select .box-list .item-pic img{position:absolute;top:0;left:0;width:100%;height:100%;}.header .pro-select .box-list .item-title{text-align:center;margin-top:14px;font-size:18px;font-size:1.8rem;line-height:24px;}@media screen and (max-width:1319px){.header .navlist{margin-right:10px!important;}.header .navlist>li{margin-left:0!important;}.header .navlist>li>a{padding-bottom:20px;padding-top:20px;padding-left:15px;padding-right:15px;}.header .pro-select .wp1{padding:40px 0 25px;}.header .pro-select .box-list .item-title{font-size:16px;font-size:1.6rem;line-height:20px;}}.header .yiji{z-index:99;position:absolute;top:100%;width:100%;left:0;border-top:1px solid #f3f7fb; -webkit-border-radius:0 0 32px 32px;border-radius:0 0 32px 32px;height:0;overflow:hidden;}.header .yiji .wp1{ -webkit-transform:translateY(30px); -moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);padding:47px 0;}.header .yiji .box-list{font-size:0;letter-spacing:0;text-align:center;}.header .yiji .box-list>a{display:inline-block;vertical-align:top;font-size:18px;font-size:1.8rem;line-height:24px;margin:0 23px;}@media screen and (max-width:1319px){.header .yiji .wp1{padding:30px 0;}.header .yiji .box-list>a{font-size:16px;font-size:1.6rem;line-height:20px;}}.footer *{color:#999;}.footer .f-bot .item-lang .lang-list{display:none;position:absolute;width:100px;bottom:100%;left:50%;margin-left:-50px;background-color:#999;text-align:center;}.footer .f-bot .item-lang .lang-list a{display:block;color:#333;padding:5px;}.footer .item-a .item-ewm{position:absolute;width:100px;max-width:100px;left:50%;margin-left:-50px;margin-bottom:5px;bottom:100%;}@ -webkit-keyframes resize{60%,75%,90%,from,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0; -webkit-transform:scale(5,5);transform:scale(5,5);}100%{opacity:1; -webkit-transform:scale(1,1);transform:scale(1,1);}}@ -moz-keyframes resize{60%,75%,90%,from,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0; -webkit-transform:scale(5,5); -moz-transform:scale(5,5);transform:scale(5,5);}100%{opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);transform:scale(1,1);}}@keyframes resize{60%,75%,90%,from,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1); -moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0; -webkit-transform:scale(5,5); -moz-transform:scale(5,5);-o-transform:scale(5,5);transform:scale(5,5);}100%{opacity:1; -webkit-transform:scale(1,1); -moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}}.n-nav .n-nav-icon{position:fixed;right:5px;top:14px;width:35px;height:28px;line-height:28px;text-align:center;z-index:999999999;}@media screen and (max-width:767px){.n-nav .n-nav-icon{top:10px;}}.n-nav .n-nav-icon .iconfont{font-size:20px;font-size:2rem;color:#0066a1;}.n-nav .n-nav-body{display:none;position:fixed;z-index:99999999;top:0;bottom:0;width:100%;left:0;overflow-y:scroll;background-color:#666;padding-top:40px;}.n-nav .box-search{background-color:#fff;padding:5px 10px;position:relative;border:1px solid #0066a1;margin:5px 10px;}.n-nav .box-search .item-input{width:100%;line-height:32px;height:32px;padding:0 60px 0 0;}.n-nav .box-search .iconfont{font-weight:700;background-color:#0066a1;width:44px;height:32px;line-height:32px;border-radius:5px;color:#fff;text-align:center;position:absolute;right:10px;top:5px;z-index:0;}.n-nav .box-search .item-submit{position:absolute;width:44px;height:32px;right:10px;top:5px;z-index:1;}.n-nav .box-list{margin-top:30px;}.n-nav .box-list>li{position:relative; -webkit-animation-duration:.5s; -moz-animation-duration:.5s;animation-duration:.5s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-name:resize; -moz-animation-name:resize;animation-name:resize;padding:0 10px;}.n-nav .box-list>li a{display:block;font-size:14px;font-size:1.4rem;line-height:26px;padding:10px 25px 10px 10px;color:#fff;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);}.n-nav .box-list li{position:relative;}.n-nav .box-list li .has-next{position:absolute;top:10px;right:10px;width:20px;height:20px;background:url(fonts/n1.png) center no-repeat;background-size:contain;}.n-nav .box-list .yiji-list{display:none;}.n-nav .box-list .yiji-list li{padding-left:12px;}.n-nav .box-list .yiji-list li>a{padding:10px 25px 10px 20px;line-height:22px;position:relative;}.n-nav .box-list .yiji-list li>a:before{position:absolute;content:'';width:5px;height:5px;background-color:#fff;top:19px;left:10px;}.slideshow{position:relative;z-index:0;}.slideshow .item a img{width:100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}.slideshow .item.slick-active img{ -webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}.slick-next,.slick-prev{display:none!important;background-color:transparent;border:0;outline:0;position:absolute;bottom:5.15464%;z-index:9;font-size:21px;font-size:2.1rem;width:44px;height:44px;line-height:44px;text-align:center;background-color:#143ca5;color:#fff;}.slick-prev{left: -webkit-calc(50% - 700px);left: -moz-calc(50% - 700px);left:calc(50% - 700px);}@media screen and (max-width:1419px){.slick-next,.slick-prev{font-size:20px;font-size:2rem;width:40px;height:40px;line-height:40px;}.slick-prev{left: -webkit-calc(50% - 600px);left: -moz-calc(50% - 600px);left:calc(50% - 600px);}}@media screen and (max-width:1219px){.slick-next,.slick-prev{font-size:18px;font-size:1.8rem;width:34px;height:34px;line-height:34px;}.slick-prev{left: -webkit-calc(50% - 480px);left: -moz-calc(50% - 480px);left:calc(50% - 480px);}}@media screen and (max-width:991px){.slick-next,.slick-prev{font-size:16px;font-size:1.6rem;width:30px;height:30px;line-height:30px;}.slick-prev{left: -webkit-calc(50% - 360px);left: -moz-calc(50% - 360px);left:calc(50% - 360px);}.slick-next{right: -webkit-calc(50% - 360px + 30px);right: -moz-calc(50% - 360px + 30px);right:calc(50% - 360px + 30px);}}@media screen and (max-width:767px){.slick-next,.slick-prev{font-size:16px;font-size:1.6rem;width:28px;height:28px;line-height:28px;}.slick-prev{left:15px;display:none!important;}}.slick-next{margin-left:4px;left: -webkit-calc(50% - 700px + 44px);left: -moz-calc(50% - 700px + 44px);left:calc(50% - 700px + 44px);}@media screen and (max-width:1419px){.slick-next{left: -webkit-calc(50% - 600px + 40px);left: -moz-calc(50% - 600px + 40px);left:calc(50% - 600px + 40px);}}@media screen and (max-width:1219px){.slick-next{left: -webkit-calc(50% - 480px + 34px);left: -moz-calc(50% - 480px + 34px);left:calc(50% - 480px + 34px);}}@media screen and (max-width:767px){.slick-next{left:43px;display:none!important;}}.slick-list,.slick-slider,.slick-track{position:relative;display:block;}.slick-slider{ -moz-box-sizing:border-box;box-sizing:border-box; -webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;}.slick-list{overflow:hidden;margin:0;padding:0;}.slick-slider .slick-list,.slick-slider .slick-track{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{top:0;left:0;}.slick-track:after,.slick-track:before{display:table;content:'';}.slick-track:after{clear:both;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}.slick-slide img{display:block;}.slick-initialized .slick-slide{display:block;}.slideshow{position:relative;padding-bottom:56.25%;}.slideshow .slider{position:absolute;top:0;left:0;width:100%;height:100%;}.iconfont{font-family:iconfont!important;font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}.icon-huidaodingbu:before{content:"\e670";}.icon-wechat1:before{content:"\e7d6";}.icon-youxiang1:before{content:"\e6cb";}.icon-left7:before{content:"\e724";}.icon-right7:before{content:"\e725";}.icon-liebiao:before{content:"\e834";}.icon-search:before{content:"\e612";}.m-kefu-chat *{font-family:Arial;}.m-kefu-chat{overflow:hidden;position:fixed;width:290px;height:400px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;bottom:0;right:10px;background-color:#5492ff;z-index:999999; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}.m-kefu-chat .kefu-content{height: -moz-calc(100% - 35px);height: -webkit-calc(100% - 35px);height:calc(100% - 35px);font-size:0;background-color:#fff;overflow:hidden;box-shadow:none; -webkit-box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0;border-radius:0;position:relative;border:0;}.kefu-top{width:100%;box-sizing:border-box;background-color:#5492ff;margin:0;padding:0;padding-left:15px;font-size:14px;color:#fff;height:35px;line-height:35;position:relative;font-weight:400;padding-right:30px;}.kefu-top .logo{width:22px;height:22px;float:left;margin-top:7.5px;margin-right:10px;display:none;}.kefu-top .title{background:0 0;padding:0;margin:0;border:0;line-height:35px;font-weight:400;color:#fff;display:inline-block;float:left;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.kefu-top .right-btn2{background:url(home_img/open.png) center no-repeat;position:absolute;width:15px;height:12px;right:15px;top:12.5px;}iframe{width:100%;margin:0;padding:0;visibility:inherit;opacity:1;position:inherit; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}.mobile-logo{display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:999;background-color:#5492ff;border:0;background-image:url(home_img/kefu-logo2.png);background-repeat:no-repeat;background-position:center;background-size:50% 50%; -webkit-background-size:50% 50%;}.mobile-close{display:none;position:absolute;width:10px;height:18px;left:10px;top:7.5px;z-index:999;border:0;background-image:url(home_img/mobile-close.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%; -webkit-background-size:100% 100%;}.mobile-logo span{display:none;position:absolute;width:15%;height:15%;top:25%;right:24%; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;background-color:red;}.m-kefu-chat .kefu-content{position:relative;top:unset;}.m-kefu-chat.mobile-hide .kefu-content{position:absolute;top:-1000px;}.m-kefu-chat.mobile-hide .mobile-logo{display:block;}.m-kefu-chat.mobile-hide{ -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;bottom:50px!important;right:25px;width:50px;height:50px;overflow:hidden;left:unset;border:1px solid #5492ff;}@media screen and (max-width:1920px){.m-kefu-chat.mobile-hide .mobile-close{display:none;}}@media screen and (max-width:768px){.m-kefu-chat.mobile-hide{bottom:50px!important;right:25px;width:50px;height:50px; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;overflow:hidden;left:unset;border:1px solid #5492ff;}}@media screen and (max-width:700px){.m-kefu-chat{width:100%;right:0;left:0;margin:0 auto;height:100%;bottom:0!important;border-radius:0;min-width:320px;}.m-kefu-chat .kefu-content{border-radius:0;display:none;}.m-kefu-chat.mobile-hide{bottom:50px!important;right:25px;width:8.3333%;height:0; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;min-width:8.3333%;max-height:8.3333%;padding:8.3333% 0 0;overflow:hidden;left:unset;border:1px solid #5492ff;}.m-kefu-chat.mobile-hide .mobile-logo{display:block;}.kefu-top .logo{display:none!important;}.kefu-top{padding-left:30px;}.m-kefu-chat .mobile-close{display:block;}.m-kefu-chat.mobile-hide .mobile-close{display:none;}.kefu-top .right-btn2{top:-30px;}}@media screen and (max-width:600px){.m-kefu-chat.mobile-hide{bottom:50px!important;right:25px;width:8.3333%;height:0; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;min-width:8.3333%;max-height:8.3333%;padding:8.3333% 0 0;overflow:hidden;left:unset;border:1px solid #5492ff;}}@media screen and (max-width:500px){.m-kefu-chat.mobile-hide{bottom:50px!important;right:25px;width:11.3333%;height:0; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;min-width:11.3333%;max-height:11.3333%;padding:11.3333% 0 0;overflow:hidden;left:unset;border:1px solid #5492ff;}}@media screen and (max-width:400px){.m-kefu-chat.mobile-hide{bottom:50px!important;right:25px;width:13.3333%;height:0; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;min-width:13.3333%;max-height:13.3333%;padding:13.3333% 0 0;overflow:hidden;left:unset;border:1px solid #5492ff;}}.look-pic{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);display:none;z-index:999999999999;}.look-pic .look-pic-img{width:100%;height:100%;max-width:100%;max-height:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}.look-pic .look-pic-img img{max-width:90%;max-height:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}.look-pic .look-pic-close{position:absolute;width:26px;height:26px;background-color:#000;font-size:20px;line-height:26px;font-weight:700;text-align:center;color:#fff;top:20px;right:20px;}
    
/* ===== 复刻站自定义 ===== */
/* 面包屑 */
.bread{position:relative;width:100%;overflow:hidden;}
.bread>img{width:100%;display:block;max-height:340px;object-fit:cover;}
.bread .bread-nav{position:absolute;left:0;right:0;bottom:16px;z-index:5;font-size:0;letter-spacing:0;}
.bread .bread-nav a,.bread .bread-nav span{display:inline-block;vertical-align:middle;font-size:14px;line-height:22px;color:#fff;margin:0 4px;}
.bread .bread-nav .iconfont{font-size:11px;color:rgba(255,255,255,.7);}
.bread .bread-nav span{opacity:.85;}

/* 通用内页容器 */
.page_wrap{padding:54px 0 70px;}
.page_wrap .wp{box-sizing:border-box;}
@media screen and (max-width:767px){.page_wrap{padding:30px 0 40px;}}

/* 空栏目 */
.empty-tip{text-align:center;padding:110px 0;color:#999;font-size:16px;}

/* 产品中心 6 分类卡片 */
.pro-index ul{margin:0 -10px;font-size:0;letter-spacing:0;}
.pro-index .list-item{display:inline-block;vertical-align:top;width:33.333%;padding:0 10px 22px;box-sizing:border-box;font-size:14px;}
.pro-index .list-item .item-body{padding:6px 2px 18px;text-align:center;}
.pro-index .list-item .item-title{font-size:20px;line-height:28px;margin-bottom:10px;}
.pro-index .list-item .item-title a{color:#333;}
.pro-index .list-item .item-btn{display:inline-block;font-size:14px;line-height:32px;color:#143ca5;border:1px solid #143ca5;border-radius:18px;padding:0 22px;}
.pro-index .list-item .item-btn .iconfont{font-size:12px;margin-left:2px;}
.pro-index .list-item .item-pic{border-radius:16px;overflow:hidden;background:#f3f7fb;}
.pro-index .list-item .item-pic img{width:100%;display:block;transition:transform .6s;}
.pro-index .list-item:hover .item-pic img{transform:scale(1.05);}
@media screen and (max-width:991px){.pro-index .list-item{width:50%;}}
@media screen and (max-width:767px){.pro-index .list-item{width:100%;padding:0 0 16px;}.pro-index ul{margin:0;}}

/* 分类产品系列卡片 */
.m-pro-list ul{margin:0 -10px;font-size:0;letter-spacing:0;}
.m-pro-list .list-item{display:inline-block;vertical-align:top;width:33.333%;padding:0 10px 30px;box-sizing:border-box;font-size:14px;}
.m-pro-list .item-pic{border-radius:16px;overflow:hidden;background:#f3f7fb;}
.m-pro-list .item-pic img{width:100%;display:block;transition:transform .6s;}
.m-pro-list .item-body{padding:14px 2px 0;}
.m-pro-list .item-title{font-size:18px;line-height:26px;margin-bottom:10px;}
.m-pro-list .item-desc{color:#999;font-size:14px;line-height:24px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px;}
.m-pro-list .item-btn{display:inline-block;font-size:14px;line-height:34px;color:#fff;background-color:#143ca5;border-radius:18px;padding:0 26px;}
.m-pro-list .item-btn .iconfont{font-size:12px;margin-left:2px;}
.m-pro-list .list-item:hover .item-pic img{transform:scale(1.05);}
@media screen and (max-width:991px){.m-pro-list .list-item{width:50%;}}
@media screen and (max-width:767px){.m-pro-list .list-item{width:100%;padding:0 0 18px;}.m-pro-list ul{margin:0;}}

/* 产品详情参数与相关产品 */
.pro2-spec{font-size:0;letter-spacing:0;margin:0 -10px;}
.pro2-spec .box-item{display:inline-block;vertical-align:top;width:50%;padding:0 10px 20px;box-sizing:border-box;font-size:14px;}
.pro2-spec .box-item .item-pic{float:left;width:64px;height:64px;border-radius:14px;background:#f3f7fb;margin-right:16px;text-align:center;line-height:64px;}
.pro2-spec .box-item .item-pic img{max-width:64px;max-height:64px;vertical-align:middle;}
.pro2-spec .box-item .item-title{font-size:20px;line-height:28px;color:#333;padding-top:8px;margin-bottom:14px;overflow:hidden;}
.pro2-spec .box-item .item-body overflow:hidden;}
.pro2-spec table{width:100%;border-collapse:collapse;}
.pro2-spec td{border:1px solid #ececec;padding:10px 14px;font-size:14px;color:#666;}
.pro2-spec td:first-child{width:35%;color:#333;background:#fafafa;}
@media screen and (max-width:991px){.pro2-spec .box-item{width:100%;}}

.related-box{margin-top:44px;}
.related-box .owl-carousel{font-size:0;letter-spacing:0;margin:0 -10px;}
.related-box .owl-carousel .list-item{display:inline-block;vertical-align:top;width:25%;padding:0 10px 20px;box-sizing:border-box;font-size:14px;}
.related-box .item-pic{border-radius:16px;overflow:hidden;background:#f3f7fb;position:relative;}
/* 图片容器统一 4:3（与内页产品卡一致），非方形/横竖不一的源图 cover 裁切，保证各卡片等高等大 */
.related-box .item-pic a{display:block;position:relative;padding-bottom:75%;}
.related-box .item-pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
/* 静态网格模式下清除 owl 轮播预留的两侧大边距（6.8% 会使 4 列挤成 2 列错位换行） */
.related-box .related-owl .list-item{margin:0;}
/* 内页 .bread banner 高度与产品中心 .nws-banner-prod 一致（18.5vw，最小 140px），图片 cover 铺满，不随源图比例变化 */
.bread { height: max(18.5vw, 140px); }
.bread img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.related-box .item-title{text-align:center;margin-top:12px;font-size:16px;}
.related-box .list-item:hover .item-pic img{transform:scale(1.05);}
@media screen and (max-width:767px){.related-box .owl-carousel .list-item{width:50%;}}

/* 新闻列表 */
.news-list ul,.news-index .box-list ul{margin:0 -10px;font-size:0;letter-spacing:0;}
.news-list .list-item,.news-index .box-list .list-item{display:inline-block;vertical-align:top;width:50%;padding:0 10px 30px;box-sizing:border-box;font-size:14px;}
.news-list .item-pic,.news-index .item-pic{border-radius:12px;overflow:hidden;background:#f3f7fb;}
.news-list .item-pic img,.news-index .item-pic img{width:100%;display:block;transition:transform .6s;}
.news-list .item-body,.news-index .item-body{padding:12px 2px 0;}
.news-list .item-title,.news-index .item-title{font-size:17px;line-height:25px;margin-bottom:10px;}
.news-list .item-date,.news-index .item-date{color:#999;font-size:13px;}
.news-list .item-tip,.news-index .item-tip{color:#143ca5;font-size:13px;}
.news-index{padding:20px 0;}
.box-title{text-align:center;margin:30px 0 34px;}
.box-title a{display:inline-block;font-size:26px;line-height:40px;color:#333;}
.box-title .p1,.box-title .p2{display:inline-block;vertical-align:middle;width:46px;height:2px;background:#143ca5;margin:0 16px;}
.news-list .list-item:hover .item-pic img,.news-index .list-item:hover .item-pic img{transform:scale(1.05);}
@media screen and (max-width:991px){.news-list .list-item,.news-index .box-list .list-item{width:100%;}}
@media screen and (max-width:767px){.news-list ul,.news-index .box-list ul{margin:0;}.news-list .list-item,.news-index .box-list .list-item{padding:0 0 18px;}}

/* 新闻详情 */
.news2-main{padding:26px 0 0;}
.news2-main .item-title{font-size:28px;line-height:40px;color:#333;text-align:center;margin-bottom:14px;}
.news2-main .item-date{text-align:center;color:#999;font-size:14px;margin-bottom:24px;}
.news2-main .item-desc{font-size:16px;line-height:1.9;color:#333;}
.news2-main .item-desc img{max-width:100%;height:auto;display:block;margin:10px auto;}
.news2-main .item-desc p{margin:8px 0;}
.m-oths{margin-top:40px;border-top:1px solid #eee;padding-top:20px;}
.m-oths .oths-item{line-height:30px;font-size:14px;color:#666;}
.m-oths .item-btn{color:#999;}
.m-oths a{color:#143ca5;}
@media screen and (max-width:767px){.news2-main .item-title{font-size:22px;line-height:32px;}}

/* 招聘 */
.join1-tip{color:#999;font-size:14px;margin-bottom:18px;}
.join1-list{font-size:0;letter-spacing:0;margin:0 -10px;}
.join1-list .list-item{display:inline-block;vertical-align:top;width:50%;padding:0 10px 20px;box-sizing:border-box;font-size:14px;border:1px solid #f0f0f0;border-radius:12px;}
.join1-list .item-title{font-size:20px;line-height:28px;padding:18px 20px 6px;}
.join1-list .item-title a{color:#333;}
.join1-list .item-subt{color:#999;font-size:13px;padding:0 20px;}
.join1-list .item-desc{padding:10px 20px 16px;line-height:26px;color:#666;}
.join1-list .item-btn{display:inline-block;margin:0 20px 20px;font-size:14px;line-height:34px;color:#fff;background:#143ca5;border-radius:18px;padding:0 26px;}
.join2-main .item-title{font-size:28px;line-height:40px;margin-bottom:14px;}
.join2-main .item-desc{font-size:16px;line-height:1.9;color:#333;}
.join2-main .item-desc strong{color:#333;}
.join2-other{font-size:20px;line-height:30px;margin:40px 0 20px;color:#333;border-left:4px solid #143ca5;padding-left:12px;}
@media screen and (max-width:767px){.join1-list .list-item{width:100%;padding:0 0 16px;}}

/* 联系我们 */
.contact-main{margin:0 -10px;}
.contact-info,.contact-form{display:inline-block;vertical-align:top;width:50%;padding:0 10px;box-sizing:border-box;}
.contact-info .item-title{font-size:26px;line-height:36px;margin-bottom:22px;}
.tel-box{margin-bottom:26px;}
.tel-title{color:#999;font-size:14px;margin-bottom:6px;}
.tel-num{font-family:Bebas;font-size:44px;line-height:1.2;color:#143ca5;}
.mail-title{color:#333;font-size:16px;margin-bottom:10px;}
.mail-box{margin-bottom:26px;}
.email{font-size:15px;line-height:28px;color:#666;}
.email span{color:#999;}
.email a{color:#143ca5;}
.addr{font-size:15px;line-height:26px;color:#666;}
.form-title{font-size:22px;line-height:32px;margin-bottom:20px;}
.contact-form .form-item{margin-bottom:16px;}
.contact-form input[type=text],.contact-form input[type=tel],.contact-form input[type=email],.contact-form textarea{width:100%;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;font-size:14px;color:#333;background:#fff;box-sizing:border-box;}
.contact-form textarea{height:120px;resize:vertical;}
.contact-form .captcha-item input{width:calc(100% - 130px);display:inline-block;vertical-align:middle;}
.contact-form .captcha-img{display:inline-block;vertical-align:middle;width:120px;height:46px;overflow:hidden;border-radius:8px;}
.contact-form .captcha-img img{width:100%;height:100%;object-fit:cover;cursor:pointer;}
.btn-submit{border:none;cursor:pointer;}
.contact-map{margin-top:40px;border-radius:14px;overflow:hidden;}
.map-placeholder{height:360px;background:#f3f7fb;text-align:center;padding-top:140px;}
.map-placeholder .iconfont{font-size:40px;color:#999;}
.map-placeholder p{color:#999;margin-top:10px;}
@media screen and (max-width:767px){.contact-info,.contact-form{width:100%;padding:0;}}

/* 搜索 */
.search-result .search-summary{color:#666;font-size:15px;margin-bottom:24px;}
.res-list{margin:0 -10px;font-size:0;letter-spacing:0;}
.res-list .list-item{display:inline-block;vertical-align:top;width:33.333%;padding:0 10px 26px;box-sizing:border-box;font-size:14px;}
.res-list .item-pic{border-radius:12px;overflow:hidden;background:#f3f7fb;}
.res-list .item-pic img{width:100%;display:block;}
.res-list .item-title{font-size:16px;line-height:24px;margin-top:10px;}
.res-list .item-date{color:#999;font-size:13px;margin-top:6px;}
@media screen and (max-width:991px){.res-list .list-item{width:50%;}}
@media screen and (max-width:767px){.res-list .list-item{width:100%;padding:0 0 18px;}.res-list{margin:0;}}

/* 产品详情缩略图箭头尺寸 */
.prob-pic-btn{width:34px;height:34px;line-height:34px;font-size:16px;}

/* 单页快速微调 */
.about-box2 .box-list .list-item{width:25%;}
/* ===== MEELUX 品牌替换：logo 比例适配（M+MEELUX 约为 5.6:1，原银星标为 8.3:1） ===== */
.header .logo a { padding-bottom: 18%; }
.header .logo { margin-top: 30px; }
@media screen and (max-width: 1319px) { .header .logo { margin-top: 20px; } }
/* ===== MEELUX 修复：轮播无 owl JS 时静态展示；关于页三栏防子像素换行 ===== */
.owl-carousel { display: block !important; }
.about-box2 .box-list .list-item { margin-left: 12.5%; }
.about-box2 .box-list .list-item:first-child { margin-left: 0; }
.hxys-box1 .item-box .box-title em { color: #fff; }
/* MEELUX 修复：检测中心蓝卡首行文字避让左上角标图 */
@media screen and (min-width: 768px) { .hxys-box4 .box-list .list-item.no_marginl .item-body { padding-left: 100px; } }
.hxys-box1 .item-box .box-title em { -webkit-text-fill-color: #fff; }
/* MEELUX 修复：相关产品标题取消强制大写（型号名 M20m 大小写属于品牌命名） */
.related-owl .item-title { text-transform: none; }
.related-box .related-owl .item-title { text-transform: none; }
/* MEELUX：证书资质区按原站形态（白底面板 4 列 x 2 行网格） */
.about-box6 .owl-carousel { background: #fff; border-radius: 12px; padding: 20px 20px 0; }
.about-box6 .owl-carousel .list-item { display: inline-block; width: 25%; vertical-align: top; }
/* MEELUX：分类卡标题取消强制大写（型号名 M20m 大小写属于品牌命名） */
.cate-list .item-title { text-transform: none; }
/* MEELUX 修复：关于页「全球布局」图片统一 16:10 比例（原图比例不一导致高矮不齐） */
.about-box7 .box-list .list-item .item-pic { padding-bottom: 62.5%; }
.about-box7 .box-list .list-item .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
/* MEELUX：发展历程恢复原站形态（单根弧线来自 about10.jpg 覆盖层 + about11.png 圆环节点，
   此前因 about11.png 缺失误用白块与 CSS 圆点，现已找回原版素材，不再需要补丁） */

/* MEELUX：发展历程连接线（由 site.js 按圆点实际位置绘制的平滑弧线，任意宽度精确穿点） */
.about-box4 .tl-arc-line { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
/* MEELUX 修复：产品中心分类卡图片等比裁切（源图比例不一，fill 模式会压扁变形） */
.cate-list .item-pic img { object-fit: cover; }
/* MEELUX 修复：分类列表产品卡图片统一 4:3 比例（源图比例不一导致卡片高矮不齐） */
.m-pro-list .list-item .item-pic { padding-bottom: 75%; }
.m-pro-list .list-item .item-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* ============================================================
   MEELUX 动画系统（滚动入场 / 交互反馈 / 氛围动效 / 数字计数）
   原则：不动布局尺寸，尊重 prefers-reduced-motion，JS 渐进增强
   ============================================================ */

/* --- 0. 减少动态偏好：全部动效降级为直接呈现 --- */
@media (prefers-reduced-motion: reduce) {
    .mx, .mx *, .mx-soft, .counter-value { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}

/* --- 1. 滚动入场（.mx 由 JS 观察触发 .mx-in） --- */
.mx { opacity: 0; will-change: opacity, transform; transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); }
.mx-in { opacity: 1; }
.mx-up    { transform: translateY(46px); }
.mx-up.mx-in, .mx-in.mx-up { transform: translateY(0); }
.mx-left  { transform: translateX(-56px); }
.mx-left.mx-in { transform: translateX(0); }
.mx-right { transform: translateX(56px); }
.mx-right.mx-in { transform: translateX(0); }
.mx-zoom  { transform: scale(.92); }
.mx-zoom.mx-in { transform: scale(1); }
/* 子项级联：容器 .mx-children 观察后子元素依次入场 */
.mx-children > * { opacity: 0; transform: translateY(34px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.mx-children.mx-in > * { opacity: 1; transform: translateY(0); }
.mx-children.mx-in > *:nth-child(1) { transition-delay: .05s; }
.mx-children.mx-in > *:nth-child(2) { transition-delay: .15s; }
.mx-children.mx-in > *:nth-child(3) { transition-delay: .25s; }
.mx-children.mx-in > *:nth-child(4) { transition-delay: .35s; }
.mx-children.mx-in > *:nth-child(5) { transition-delay: .45s; }
.mx-children.mx-in > *:nth-child(6) { transition-delay: .55s; }
.mx-children.mx-in > *:nth-child(7) { transition-delay: .65s; }
.mx-children.mx-in > *:nth-child(8) { transition-delay: .75s; }
.mx-children.mx-in > *:nth-child(n+9) { transition-delay: .85s; }
/* 三栏/分类卡等大间距容器：稍大的位移 */
.mx-children.mx-up > * { transform: translateY(42px); }
.mx-children.mx-up.mx-in > * { transform: translateY(0); }

/* --- 2. 关键区块专属入场 --- */
/* 首页轮播文字：每帧轻浮入 */
.slideshow .item .pic { transform-origin: center; }
/* 首页 wrap 下方（当前为空，预留） */
/* 关于页 box2 三栏：标题下划线展开 */
.about-box2 .list-item .item-title strong { display: inline-block; position: relative; }
.about-box2.mx-in .list-item .item-title strong::after { content: ''; position: absolute; left: 0; bottom: -6px; height: 3px; width: 100%; background: linear-gradient(90deg,#015EEA,#00C0FA); transform: scaleX(0); transform-origin: left; animation: mx-line .8s .35s cubic-bezier(.22,.61,.36,1) forwards; }
@keyframes mx-line { to { transform: scaleX(1); } }
/* 发展历程：年份标记圆点落定弹跳 */
.about-box4 .box-list .list-item::after { animation: mx-drop .5s cubic-bezier(.34,1.56,.64,1) backwards; }
.about-box4 .box-list .list-item:nth-child(1)::after { animation-delay: .15s; }
.about-box4 .box-list .list-item:nth-child(2)::after { animation-delay: .27s; }
.about-box4 .box-list .list-item:nth-child(3)::after { animation-delay: .39s; }
.about-box4 .box-list .list-item:nth-child(4)::after { animation-delay: .51s; }
.about-box4 .box-list .list-item:nth-child(5)::after { animation-delay: .63s; }
.about-box4 .box-list .list-item:nth-child(6)::after { animation-delay: .75s; }
.about-box4 .box-list .list-item:nth-child(7)::after { animation-delay: .87s; }
@keyframes mx-drop { from { opacity: 0; transform: translateY(-16px) scale(.6); } }
/* 荣誉徽章：入场轻转 */
.about-box5 .item-box { transition: transform .5s cubic-bezier(.22,.61,.36,1); }
.about-box5 .item-box:hover { transform: translateY(-6px) rotate(-1.5deg); }
/* 认证白卡：hover 浮起 */
.about-box6 .item-pic.scale-big { transition: transform .4s ease, box-shadow .4s ease; border-radius: 8px; }
.about-box6 .item-pic.scale-big:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(20,60,165,.18); }
/* MEELUX：产品中心分类卡 hover 与原站一致（bg1→bg2 换背景 + 标题渐变 + 按钮描边，见上方基础规则） */
/* 列表/图集图片 hover 缩放（scale-big 已有 transition，统一曲线） */
.scale-big img { transition-timing-function: cubic-bezier(.22,.61,.36,1); }
/* 联系页表单卡入场后轻微浮起 */
.contact-main { box-shadow: 0 24px 60px rgba(10,30,90,.12); }

/* --- 3. 数字滚动计数（.counter-value 已有钩子，JS 递增） --- */
.counter-value { display: inline-block; }

/* --- 4. 页面加载氛围 --- */
/* 顶部进度条 */
#mx-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: linear-gradient(90deg,#015EEA,#00C0FA); z-index: 9999999; transition: width .12s linear; pointer-events: none; }
/* MEELUX：隐藏滚动进度条（浏览长页面时视口顶部会悬着一条渐变直线，易被误认为版块内多余线条） */
#mx-progress { display: none !important; }
/* 返回顶部按钮悬停 */
.back-top, .contact-pc .backup a { transition: opacity .3s ease; }

/* ============================================================
   MEELUX 新页脚（footer-mx）：渐变底 + 品牌区/三导航栏/联系区
   ============================================================ */
.footer-mx { position: relative; background: linear-gradient(180deg, #0e1830 0%, #0a1122 100%); }
.footer-mx .fm-accent { height: 3px; background: linear-gradient(90deg, #015EEA, #00C0FA); }
.footer-mx .fm-main { padding: 62px 0 52px; border-bottom: 1px solid rgba(255,255,255,.08); }
.footer-mx .fm-grid { display: flex; flex-wrap: wrap; gap: 40px 56px; }
.footer-mx .fm-brand { flex: 1 1 300px; max-width: 380px; }
.footer-mx .fm-logo img { height: 34px; display: block; }
.footer-mx .fm-desc { margin-top: 22px; font-size: 13px; line-height: 26px; color: #8b96ad; }
.footer-mx .fm-social-title { margin: 26px 0 14px; font-size: 13px; color: #c6cede; }
.footer-mx .fm-social { font-size: 0; letter-spacing: 0; }
.footer-mx .fm-social a { position: relative; display: inline-flex; vertical-align: top; width: 40px; height: 40px; margin-right: 12px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; color: #aeb9d0; font-size: 18px; transition: all .35s ease; }
.footer-mx .fm-social a:hover { background: linear-gradient(135deg, #015EEA, #00C0FA); border-color: transparent; color: #fff; transform: translateY(-3px); }
.footer-mx .fm-qrbox { position: absolute; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(6px); width: 128px; padding: 8px 8px 6px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transition: all .3s ease; }
.footer-mx .fm-qrbox img { width: 100%; display: block; border-radius: 6px; }
.footer-mx .fm-qrbox em { display: block; text-align: center; font-style: normal; font-size: 12px; line-height: 22px; color: #667; }
.footer-mx .fm-social a:hover .fm-qrbox { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.footer-mx .fm-col { flex: 0 1 170px; }
.footer-mx .fm-title { margin-bottom: 20px; font-size: 15px; font-weight: 600; line-height: 22px; }
.footer-mx .fm-title a { color: #fff; }
.footer-mx .fm-col ul li { margin-bottom: 4px; }
.footer-mx .fm-col ul a { position: relative; display: inline-block; padding: 5px 0; font-size: 13px; line-height: 20px; color: #8b96ad; transition: color .3s ease, padding-left .3s ease; }
.footer-mx .fm-col ul a::before { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 2px; margin-top: -1px; border-radius: 2px; background: linear-gradient(90deg, #015EEA, #00C0FA); transition: width .3s ease; }
.footer-mx .fm-col ul a:hover { color: #fff; padding-left: 14px; }
.footer-mx .fm-col ul a:hover::before { width: 8px; }
.footer-mx .fm-k { margin: 0 0 8px; font-size: 13px; color: #c6cede; }
.footer-mx .fm-mailto { display: inline-block; margin: 0 0 24px; padding: 10px 20px; border-radius: 24px; background: linear-gradient(135deg, #015EEA, #00C0FA); color: #fff; font-size: 14px; line-height: 20px; box-shadow: 0 6px 18px rgba(1,94,234,.25); transition: transform .3s ease, box-shadow .3s ease; }
.footer-mx .fm-mailto:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(1,94,234,.4); color: #fff; }
.footer-mx .fm-addr { margin-bottom: 10px; font-size: 13px; line-height: 22px; color: #8b96ad; }
.footer-mx .fm-bot { padding: 18px 0; }
.footer-mx .fm-bot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; }
.footer-mx .fm-copy, .footer-mx .fm-keys, .footer-mx .fm-beian { font-size: 12px; line-height: 22px; color: #67718a; }
.footer-mx .fm-keys a { color: #67718a; transition: color .3s; }
.footer-mx .fm-keys a:hover { color: #c6cede; }
.footer-mx .fm-right { display: flex; align-items: center; gap: 20px; }
.footer-mx .fm-lang { position: relative; }
.footer-mx .fm-now { position: relative; padding-right: 16px; font-size: 12px; line-height: 22px; color: #8b96ad; cursor: pointer; }
.footer-mx .fm-now::after { content: ''; position: absolute; right: 0; top: 9px; width: 0; height: 0; border: 4px solid transparent; border-top-color: #8b96ad; }
.footer-mx .fm-ll { display: none; position: absolute; right: 0; bottom: 100%; margin-bottom: 6px; background: #18233c; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; overflow: hidden; }
.footer-mx .fm-ll a { display: block; padding: 8px 16px; font-size: 12px; line-height: 18px; color: #c6cede; white-space: nowrap; }
.footer-mx .fm-ll a:hover { background: #015EEA; color: #fff; }
/* 移动端适配 */
@media screen and (max-width: 991px) {
    .footer-mx .fm-grid { gap: 36px 32px; }
    .footer-mx .fm-brand { flex-basis: 100%; max-width: none; }
    .footer-mx .fm-col { flex: 1 1 30%; }
    .footer-mx .fm-contact { flex-basis: 100%; }
}
@media screen and (max-width: 767px) {
    .footer-mx .fm-main { padding: 44px 0 36px; }
    .footer-mx .fm-grid { gap: 30px 0; }
    .footer-mx .fm-col { flex: 1 1 46%; }
    .footer-mx .fm-title { margin-bottom: 12px; }
    .footer-mx .fm-col ul a { padding: 7px 0; }
    .footer-mx .fm-bot-in { flex-direction: column; justify-content: center; text-align: center; gap: 6px; }
    .footer-mx .fm-keys { display: none; }
    .footer-mx .fm-right { gap: 16px; }
}


/* MEELUX 修复：导航二级下拉缺少白色幕布。原站机制为悬停时给 .header 加 active-pro/active-news/active-contact
   类以展开 .header:before 背景（数值取自原站 CSS），site.js 重写后未触发，导致新闻/联系等下拉悬空无背景、
   与页面内容叠置而显错位。配合 site.js initHeaderBackdrop() 使用。 */
.header.active-pro:before { height: 340px; }
.header.active-news:before, .header.active-contact:before { height: 120px; }


/* ============================================================
   新闻动态聚合页 v3（.nws-*）：banner + 统一尺寸等高新闻卡片网格
   桌面 3 列 / ≤991 两列 / ≤767 单列；标题与摘要固定两行，日期贴底，
   保证所有卡片等宽等高；复用全局 .mx 入场动画
   ============================================================ */

/* --- banner：沿用 pro_banner1.jpg，标题与面包屑叠层 --- */
.nws-banner { position: relative; overflow: hidden; background: #0B1320; }
.nws-banner > img, .nws-banner > picture > img { display: block; width: 100%; height: auto; }
.nws-banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(11,19,32,0) 55%, rgba(11,19,32,.55)); }
.nws-banner-in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 34px; }
.nws-banner .bread-nav { position: static; margin: 0 0 10px; color: rgba(255,255,255,.82); }
.nws-banner .bread-nav a, .nws-banner .bread-nav .iconfont { color: rgba(255,255,255,.82); }
.nws-banner-title { margin: 0; color: #FFFFFF; font-size: clamp(26px, 3vw, 40px); font-weight: bold; letter-spacing: .08em; text-shadow: 0 2px 24px rgba(15,30,60,.5); }

/* --- 卡片网格：等宽等高 --- */
.nws-page { padding: 44px 0 70px; }
.nws-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.nws-card { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid rgba(20,60,165,.13); border-radius: 16px; overflow: hidden; transition: box-shadow .4s ease, transform .4s ease; }
.nws-card:hover { box-shadow: 0 16px 36px rgba(20,60,165,.14); transform: translateY(-6px); }
.nws-card-pic { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: #F2F6FB; }
.nws-card-pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.nws-card:hover .nws-card-pic img { transform: scale(1.05); }
.nws-card-cat { position: absolute; top: 14px; left: 14px; z-index: 1; background: rgba(20,60,165,.92); color: #FFFFFF; font-size: 12px; letter-spacing: .14em; padding: 4px 12px; border-radius: 999px; }
.nws-card-chip { position: absolute; right: 14px; bottom: 14px; z-index: 1; background: rgba(255,255,255,.92); color: #143CA5; font-size: 12px; letter-spacing: .08em; padding: 4px 12px; border-radius: 999px; }
.nws-card-body { flex: 1 1 auto; display: flex; flex-direction: column; padding: 18px 20px 20px; }
.nws-page .nws-card-title { margin: 0 0 10px; font-size: 17px; line-height: 1.55; font-weight: bold; color: #1B2437; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.1em; }
.nws-card-title a { color: inherit; transition: color .3s ease; }
.nws-card-title a:hover { color: #143CA5; }
.nws-page .nws-card-tip { margin: 0 0 14px; font-size: 14px; line-height: 1.8; color: #8B93A7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.6em; }
.nws-page .nws-card-date { margin: auto 0 0; padding-top: 6px; font-size: 13px; color: #9AA3B5; letter-spacing: .04em; }

/* --- 响应式：991（平板两列） --- */
@media screen and (max-width: 991px) {
    .nws-page { padding: 30px 0 50px; }
    .nws-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}

/* --- 响应式：767（手机单列） --- */
@media screen and (max-width: 767px) {
    .nws-banner-in { padding-bottom: 18px; }
    .nws-banner-title { font-size: 22px; letter-spacing: .05em; }
    .nws-banner .bread-nav { margin-bottom: 4px; }
    .nws-page { padding: 16px 0 50px; }
    .nws-grid { grid-template-columns: 1fr; gap: 16px; }
    .nws-card-body { padding: 14px 16px 16px; }
    .nws-page .nws-card-title { font-size: 16px; min-height: 2.9em; }
    .nws-page .nws-card-tip { font-size: 13px; min-height: 3.3em; margin-bottom: 10px; }
    .nws-card-cat { top: 10px; left: 10px; }
    .nws-card-chip { right: 10px; bottom: 10px; }
}

/* 产品中心 banner：高度降为完整展示高度的三分之一（14.2vw ≈ 204px@1440），手机端保底 120px */
.nws-banner.nws-banner-compact { height: max(14.2vw, 120px); }
.nws-banner.nws-banner-compact > img, .nws-banner.nws-banner-compact > picture > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* 产品中心页 banner：比例约 5.4:1，完整呈现多产品同框生成图（picture 移动端单独裁切源） */
.nws-banner.nws-banner-prod { height: max(18.5vw, 140px); }

/* MEELUX：新闻动态 banner 与产品中心同高、文案居中对称、隐藏面包屑 */
.nws-banner.nws-banner-news { height: max(18.5vw, 140px); }
.nws-banner.nws-banner-news > img, .nws-banner.nws-banner-news > picture > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.nws-banner-news .nws-banner-in { align-items: center; justify-content: center; text-align: center; padding-bottom: 0; }
.nws-banner-news .bread-nav { display: none; }

/* MEELUX：联系我们 banner 与产品中心/新闻同高、文案居中对称、隐藏面包屑；cover 定位略偏下以露出深色地板区 */
.nws-banner.nws-banner-contact { height: max(18.5vw, 140px); }
.nws-banner.nws-banner-contact > img, .nws-banner.nws-banner-contact > picture > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.nws-banner-contact .nws-banner-in { align-items: center; justify-content: center; text-align: center; padding-bottom: 0; }
.nws-banner-contact .bread-nav { display: none; }

/* MEELUX：产品中心 banner 文案居中对称呈现（仅作用于此页，不影响新闻/联系页同结构） */
.nws-banner-prod .nws-banner-in { align-items: center; justify-content: center; text-align: center; padding-bottom: 0; }
/* MEELUX：产品中心 banner 隐藏面包屑导航文字（首页 > 产品中心），仅保留居中标题 */
.nws-banner-prod .bread-nav { display: none; }
/* 产品型号详情内页：隐藏 banner 上的分类导航（面包屑）文字，仅保留纯图 */
.bread.bread-detail .bread-nav { display: none; }

/* ============================================================
   联系我们页 v2（.cts-*）：banner 复用 .nws-banner + 信息卡行
   + 留言表单卡 / 业务分布图卡双栏；≤991 表单图上下堆叠，≤767 单列
   ============================================================ */

.cts-page { padding: 44px 0 70px; }

/* --- 信息卡行：等宽等高 --- */
.cts-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.cts-card { position: relative; display: flex; flex-direction: column; min-height: 150px; background: #FFFFFF; border: 1px solid rgba(20,60,165,.13); border-radius: 16px; padding: 22px 24px 20px; overflow: hidden; transition: box-shadow .4s ease, transform .4s ease; }
.cts-card:hover { box-shadow: 0 16px 36px rgba(20,60,165,.14); transform: translateY(-6px); }
.cts-card:before { content: ''; position: absolute; top: 0; left: 0; width: 46px; height: 4px; background: #143CA5; border-radius: 0 0 3px 0; }
/* MEELUX：联系页信息卡 v2（三卡：业务邮箱/办公地址/工厂地址，图标 + 编号头部行） */
.cts-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.cts-card-ico { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: #F2F6FB; transition: background .35s ease; }
.cts-card-ico i { display: block; width: 22px; height: 22px; background: #143CA5; -webkit-mask: var(--m) center/contain no-repeat; mask: var(--m) center/contain no-repeat; transition: background .35s ease; }
.cts-card-ico.ico-mail { --m: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E"); }
.cts-card-ico.ico-office { --m: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm10 12h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm4 8h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2z'/%3E%3C/svg%3E"); }
.cts-card-ico.ico-factory { --m: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E"); }
.cts-card:hover .cts-card-ico { background: #143CA5; }
.cts-card:hover .cts-card-ico i { background: #FFFFFF; }
.cts-page .cts-card-no { margin: 0; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 26px; line-height: 1; color: rgba(20,60,165,.35); }
.cts-page .cts-card-label { margin: 0 0 10px; font-size: 15px; font-weight: bold; color: #1B2437; letter-spacing: .06em; }
.cts-page .cts-card-text { margin: 0; font-size: 15px; line-height: 1.85; color: #5A6478; }
.cts-page .cts-card-mail { display: inline-block; font-size: 16px; color: #143CA5; letter-spacing: .02em; border-bottom: 1px dashed rgba(20,60,165,.4); padding-bottom: 2px; transition: color .3s ease, border-color .3s ease; }
.cts-page .cts-card-mail:hover { color: #0E2B7A; border-color: #0E2B7A; }

/* --- 主体：表单卡 + 地图卡 --- */
.cts-main { display: grid; grid-template-columns: 7fr 5fr; gap: 26px; margin-top: 26px; align-items: stretch; }
.cts-formcard { background: #FFFFFF; border: 1px solid rgba(20,60,165,.13); border-radius: 18px; padding: 34px 38px 38px; }
.cts-page .cts-form-title { margin: 0 0 8px; font-size: 24px; font-weight: bold; color: #1B2437; letter-spacing: .04em; }
.cts-page .cts-form-sub { margin: 0 0 26px; font-size: 13px; line-height: 1.8; color: #9AA3B5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cts-form .cts-field-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cts-form .cts-field { margin-bottom: 14px; }
.cts-form .cts-field input, .cts-form .cts-field textarea { width: 100%; box-sizing: border-box; border: 1px solid rgba(27,36,55,.14); border-radius: 10px; background: #FFFFFF; padding: 12px 16px; font-size: 14px; font-family: inherit; color: #1B2437; outline: none; transition: border-color .3s ease, box-shadow .3s ease; }
.cts-form .cts-field input::placeholder, .cts-form .cts-field textarea::placeholder { color: #B6BDCC; }
.cts-form .cts-field input:focus, .cts-form .cts-field textarea:focus { border-color: #143CA5; box-shadow: 0 0 0 3px rgba(20,60,165,.10); }
.cts-form .cts-field textarea { resize: vertical; min-height: 120px; line-height: 1.8; }
.cts-form .cts-captcha-row { grid-template-columns: 132px 1fr; align-items: stretch; }
.cts-form .cts-captcha-img { border: 1px solid rgba(27,36,55,.14); border-radius: 10px; overflow: hidden; background: #F2F6FB; }
.cts-form .cts-captcha-img img { display: block; width: 100%; height: 100%; min-height: 47px; object-fit: cover; cursor: pointer; }
.cts-page .cts-submit { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 13px 44px; border: 0; border-radius: 999px; background: #143CA5; color: #FFFFFF; font-size: 15px; letter-spacing: .14em; cursor: pointer; transition: background .35s ease, box-shadow .35s ease; }
.cts-page .cts-submit .iconfont { font-size: 12px; }
.cts-page .cts-submit:hover { background: #0E2B7A; box-shadow: 0 12px 26px rgba(20,60,165,.28); }

/* --- 地图卡 --- */
.cts-mapcard { position: relative; border: 1px solid rgba(20,60,165,.13); border-radius: 18px; overflow: hidden; background: #F2F6FB; min-height: 320px; }
.cts-mapcard img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/* MEELUX：联系页百度地图容器（有 AK 时盖在静态分布图上，无 AK 时仅显示静态图） */
.cts-mapcard .cts-baidumap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #F2F6FB; }
.cts-mapcard .cts-map-tip { position: absolute; top: 50%; left: 16px; right: 16px; transform: translateY(-50%); margin: 0; text-align: center; color: #5A6478; font-size: 14px; line-height: 1.9; }

/* MEELUX：图钉上方的公司信息卡（百度地图 Label 内容，样式对齐参考站 lxwm 页） */
.cts-mapcard .map-card { position: relative; width: 280px; padding: 7px 9px 7.5px; background: #fff; border: 1px solid #e3e8ef; border-radius: 5.5px; box-shadow: 0 6px 20px rgba(11,26,51,.16); font-size: 11.5px; line-height: 1.45; color: #16203a; text-align: left; white-space: normal; word-break: break-all; }
.cts-mapcard .map-card::after { content: ''; position: absolute; left: 50%; bottom: -7px; width: 12px; height: 12px; margin-left: -6px; background: #fff; border-right: 1px solid #e3e8ef; border-bottom: 1px solid #e3e8ef; transform: rotate(45deg); }
.cts-mapcard .map-card b { display: block; font-size: 13px; font-weight: 700; color: #0b1a33; letter-spacing: .02em; }
.cts-mapcard .map-card .addr { display: block; margin-top: 4px; position: relative; padding-left: 16px; color: #435062; }
.cts-mapcard .map-card .addr i { position: absolute; left: 0; top: 1.8px; width: 10px; height: 12.5px; background: #4285f4; -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat; }
.cts-mapcard .map-fallback { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: 0; font-size: 14px; color: #435062; background: #F2F6FB; }
.cts-mapcard .map-fallback a { color: #143CA5; }

/* --- 响应式：991 --- */
@media screen and (max-width: 991px) {
    .cts-page { padding: 30px 0 50px; }
    .cts-cards { grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .cts-card { padding: 18px 18px 16px; min-height: 0; }
    .cts-main { grid-template-columns: 1fr; }
    .cts-mapcard { min-height: 260px; }
}

/* --- 响应式：767（手机） --- */
@media screen and (max-width: 767px) {
    .cts-page { padding: 16px 0 50px; }
    .cts-cards { grid-template-columns: 1fr; gap: 14px; }
    .cts-card { min-height: 150px; }
    .cts-page .cts-card-no { margin-bottom: 8px; font-size: 22px; }
    .cts-main { margin-top: 14px; gap: 14px; }
    .cts-formcard { padding: 22px 18px 26px; border-radius: 14px; }
    .cts-page .cts-form-title { font-size: 20px; }
    .cts-form .cts-field-row { grid-template-columns: 1fr; gap: 0; }
    .cts-form .cts-field { margin-bottom: 12px; }
    .cts-form .cts-field input, .cts-form .cts-field textarea { padding: 11px 14px; }
    .cts-page .cts-submit { width: 100%; justify-content: center; }
    .cts-mapcard { min-height: 200px; border-radius: 14px; }
}

/* ===== 新增：全国业务分布/测试项目/大事记 区块（PPT 内容补齐） ===== */
.dist-block { margin-top: 46px; padding: 30px 26px; background: #F4F8FD; border-radius: 14px; }
.dist-block .dist-sub { font-size: 22px; color: #10214E; margin-bottom: 16px; }
.dist-block .dist-bases { margin-top: 14px; }
.dist-block .dist-label { display: inline-block; vertical-align: middle; font-size: 14px; color: #54606F; margin-right: 8px; }
.dist-tags { font-size: 0; }
.dist-tags .tag { display: inline-block; vertical-align: middle; margin: 0 8px 10px 0; padding: 6px 14px; font-size: 13px; line-height: 1.5; color: #2C3E61; background: #fff; border: 1px solid #D7E1F0; border-radius: 30px; }
.dist-tags .tag-star { color: #B3200F; border-color: #E8A99F; background: #FDF1EF; }
.dist-tags .tag-blue { color: #1F4F9E; border-color: #BDD3F2; background: #F0F6FE; }
.dist-tags .tag-green { color: #1E7A4D; border-color: #BCE2CF; background: #F0FAF4; }
.dist-tags .tag-purple { color: #6B4FA0; border-color: #D5C8EC; background: #F7F3FC; }
.dist-tags .tag-orange { color: #B8690B; border-color: #F0D3A5; background: #FEF8EF; }

/* 测试项目标签（复用 dist-tags） */
.test-tags { margin-top: 30px; }
.test-label { font-size: 15px; font-weight: 700; color: #10214E; margin-bottom: 12px; }

/* 大事记时间线（独立区块） */
.tl-block { background: -webkit-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: -moz-linear-gradient(336deg, #143CA5 0%, #07226A 100%); background: linear-gradient(114deg, #143CA5 0%, #07226A 100%); padding: 70px 0 90px; }
.tl-block .wp { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.tl-wrap { margin-top: 56px; padding-top: 10px; }
.tl-block .tl-wrap:first-of-type { margin-top: 0; }
.tl-wrap .tl-title { font-size: 22px; color: #fff; margin: 26px 0 18px; }
.tl-wrap .tl-title:first-child { margin-top: 0; }
.tl-list { border-left: 2px solid rgba(255,255,255,.35); padding-left: 24px; }
.tl-item { position: relative; margin-bottom: 22px; }
.tl-item:before { content: ''; position: absolute; left: -28px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #3FA0F7; border: 2px solid #fff; }
.tl-item .tl-year { font-size: 15px; font-weight: 700; color: #6EC2FF; margin-bottom: 4px; }
.tl-item .tl-txt { font-size: 14px; line-height: 1.9; color: #E8EEF9; }
@media screen and (max-width: 767px) {
    .dist-block { padding: 20px 16px; margin-top: 30px; }
    .dist-block .dist-sub { font-size: 18px; }
    .dist-tags .tag { margin: 0 6px 8px 0; padding: 5px 10px; font-size: 12px; }
    .tl-wrap { margin-top: 36px; }
    .tl-wrap .tl-title { font-size: 18px; }
    .tl-item .tl-txt { font-size: 13px; }
}

/* MEELUX 修复：导航下拉分类图等比裁切（与分类卡一致，非方形源图会拉伸变形） */
.header .pro-select .box-list .item-pic img { object-fit: cover; }

/* ============================================================
   MEELUX 关于页动画增强（独立体系，不影响其他页面）
   约定：全部动画尊重 prefers-reduced-motion；移动端自动降级
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .meelux-anim *, .hero-in, .kenburns, .aurora, .tl-grow, .tag-pop, .tl-item-slide, .honor-pop, .data-pop { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
}

/* ---------- 1. 首屏 hero 开场 ---------- */
.hero-in .item-pic, .hero-in .item-title, .hero-in .item-btn { opacity: 0; }
html.page-loaded .hero-in .item-pic,
html.page-loaded .hero-in .item-title,
html.page-loaded .hero-in .item-btn { animation: heroRise .9s cubic-bezier(.22,.61,.36,1) forwards; }
html.page-loaded .hero-in .item-pic { animation-delay: .05s; }
html.page-loaded .hero-in .item-title { animation-delay: .25s; }
html.page-loaded .hero-in .item-btn { animation-delay: .5s; }
@keyframes heroRise {
    0% { opacity: 0; transform: translateY(46px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* hero 背景缓慢放大（Ken Burns） */
.kenburns { animation: kenburns 12s ease-out forwards; }
@keyframes kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.08); } }

/* ---------- 2. 滚动入场增强：模糊渐显 / 弹入 ---------- */
.mx-blur { opacity: 0; filter: blur(6px); transform: translateY(30px); transition: opacity .9s ease, filter .9s ease, transform .9s ease; will-change: opacity, filter, transform; }
.mx-blur.mx-in { opacity: 1; filter: blur(0); transform: translateY(0); }
.mx-pop { opacity: 0; transform: scale(.88) translateY(26px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); will-change: opacity, transform; }
.mx-pop.mx-in { opacity: 1; transform: scale(1) translateY(0); }
/* 子项级联增强：支持 6-12 档延迟 */
.mx-children.mx-in > *:nth-child(6) { transition-delay: .45s; }
.mx-children.mx-in > *:nth-child(7) { transition-delay: .55s; }
.mx-children.mx-in > *:nth-child(8) { transition-delay: .65s; }
.mx-children.mx-in > *:nth-child(9) { transition-delay: .75s; }
.mx-children.mx-in > *:nth-child(10) { transition-delay: .85s; }
.mx-children.mx-in > *:nth-child(11) { transition-delay: .95s; }
.mx-children.mx-in > *:nth-child(12) { transition-delay: 1.05s; }

/* ---------- 3. 荣誉卡 pop（上浮+轻旋转） ---------- */
.honor-pop { opacity: 0; transform: translateY(34px) rotate(.6deg); transition: opacity .65s cubic-bezier(.22,.61,.36,1), transform .65s cubic-bezier(.22,.61,.36,1); }
.honor-pop.mx-in { opacity: 1; transform: translateY(0) rotate(0); }
.honor-pop:hover { transform: translateY(-8px); transition-duration: .3s; }

/* ---------- 4. 数据数字（counter 渐变 + 数字动画） ---------- */
.data-pop { opacity: 0; transform: translateY(22px) scale(.94); transition: opacity .7s ease, transform .7s ease; }
.data-pop.mx-in { opacity: 1; transform: translateY(0) scale(1); }
.data-pop .counter-value { display: inline-block; }

/* ---------- 5. 发展历程年份卡片：逐张上浮点亮 ---------- */
.tl-card-pop { opacity: 0; transform: translateY(40px); transition: opacity .7s ease, transform .7s ease; }
.tl-card-pop.mx-in { opacity: 1; transform: translateY(0); }
.tl-card-pop .item-date { transition: color .5s ease, transform .5s ease; }
.tl-card-pop.mx-in .item-date { animation: yearGlow 1s ease forwards .3s; }
@keyframes yearGlow { 0% { color: rgba(255,255,255,.55); } 60% { color: #6EC2FF; } 100% { color: rgba(255,255,255,.95); } }

/* ---------- 6. 时间线：竖线生长 + 条目交错滑入 ---------- */
.tl-grow { transform: scaleY(0); transform-origin: top center; transition: transform 1.6s ease .2s; }
.tl-grow.mx-in { transform: scaleY(1); }
.tl-item-slide { opacity: 0; transform: translateX(36px); transition: opacity .7s ease, transform .7s ease; }
.tl-item-slide.mx-in { opacity: 1; transform: translateX(0); }
/* ---------- 7. 城市/测试标签散点弹入 ---------- */
.tag-pop { opacity: 0; transform: scale(.5); transition: opacity .45s cubic-bezier(.34,1.56,.64,1), transform .45s cubic-bezier(.34,1.56,.64,1); }
.tag-pop.mx-in { opacity: 1; transform: scale(1); }

/* ---------- 8. 深色背景极光流动（发展历程区） ---------- */
.aurora { position: absolute; pointer-events: none; opacity: 0; }
.aurora.mx-in { opacity: 1; animation: auroraFlow 9s ease-in-out infinite alternate; }
@keyframes auroraFlow {
    0% { transform: translate3d(-3%, -2%, 0) rotate(-2deg) scale(1.05); }
    100% { transform: translate3d(3%, 2%, 0) rotate(2deg) scale(1.12); }
}

/* ---------- 9. hover 微交互统一增强 ---------- */
.gap-hover { transition: transform .35s ease, box-shadow .35s ease; }
.gap-hover:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(20,60,165,.16) !important; }
/* 移动端：减弱位移型动画（保留淡入） */
@media screen and (max-width: 767px) {
    .mx-blur, .mx-pop, .honor-pop, .data-pop, .tl-card-pop, .tl-item-slide { transform: translateY(0) !important; }
    .tag-pop { transform: scale(1) !important; }
}

/* 标签级联：tag-pop 弹入（覆盖 mx-children 默认位移，避免冲突） */
.dist-tags.mx-children > * { opacity: 0; transform: scale(.5); transition: opacity .45s cubic-bezier(.34,1.56,.64,1), transform .45s cubic-bezier(.34,1.56,.64,1); }
.dist-tags.mx-children.mx-in > * { opacity: 1; transform: scale(1); }

/* 时间线生长：由父容器 tl-block 入场带动（避免 .mx 自身 opacity 干扰） */
.tl-list.tl-grow { opacity: 1; transform: scaleY(0); transform-origin: top center; transition: transform 1.6s ease; }
.tl-block.mx-in .tl-list.tl-grow { transform: scaleY(1); }
/* 条目滑入：同样由父容器带动，带序号延迟 */
.tl-item-slide { opacity: 0; transform: translateX(36px); transition: opacity .7s ease .15s, transform .7s ease .15s; }
.tl-block.mx-in .tl-item-slide { opacity: 1; transform: translateX(0); }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(1) { transition-delay: .55s; }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(2) { transition-delay: .65s; }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(3) { transition-delay: .75s; }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(4) { transition-delay: .85s; }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(5) { transition-delay: .95s; }
.tl-list:nth-of-type(2) .tl-item-slide:nth-child(6) { transition-delay: 1.05s; }
/* 每组的 6 个条目也加延迟 */
.tl-list .tl-item-slide:nth-child(1) { transition-delay: .12s; }
.tl-list .tl-item-slide:nth-child(2) { transition-delay: .22s; }
.tl-list .tl-item-slide:nth-child(3) { transition-delay: .32s; }
.tl-list .tl-item-slide:nth-child(4) { transition-delay: .42s; }
.tl-list .tl-item-slide:nth-child(5) { transition-delay: .52s; }
.tl-list .tl-item-slide:nth-child(6) { transition-delay: .62s; }

/* ============================================================
   U 型蛇形时间线（弥乐科技成长记）— 桌面 3+3，移动端降级单列
   ============================================================ */
/* 容器：两行三列网格 */
.tl-snake { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 26px; border-left: none; padding-left: 0; padding-top: 14px; }
/* SVG 连线层 */
.tl-snake .tl-snake-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; }
.tl-snake .tl-snake-line path { stroke: rgba(255,255,255,.38); stroke-width: 2.5; fill: none; vector-effect: non-scaling-stroke; }
/* 连线生长动画（滚入后沿 U 路径展开） */
.tl-snake .tl-snake-line path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.8s ease .25s; }
.tl-block.mx-in .tl-snake .tl-snake-line path { stroke-dashoffset: 0; }
/* 节点卡片：半透明底色压住连线穿过段，形成"卡片串在线上" */
.tl-snake .tl-item { margin: 0; position: relative; z-index: 1; background: rgba(7,34,106,.82); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; padding: 16px 18px 14px; transition: transform .35s ease, border-color .35s ease, background .35s ease; }
.tl-snake .tl-item:hover { transform: translateY(-6px); border-color: rgba(110,194,255,.65); background: rgba(10,44,130,.9); }
/* 节点圆点：卡片左上角年份徽章旁，骑在视觉路径上 */
.tl-snake .tl-item .tl-year { display: inline-block; font-size: 17px; padding: 2px 14px; border: 1.5px solid rgba(110,194,255,.7); border-radius: 20px; background: rgba(63,160,247,.18); }
/* 第二行 2022/2023/弥乐产品线：显式放到第 2 行的 3/2/1 列（蛇形折返） */
.tl-snake .snake-4 { grid-column: 3; grid-row: 2; }
.tl-snake .snake-5 { grid-column: 2; grid-row: 2; }
.tl-snake .snake-6 { grid-column: 1; grid-row: 2; }
/* 节点滑入方向：第一行自左，第二行自右（贴合 U 流向） */
.tl-snake .snake-1, .tl-snake .snake-2, .tl-snake .snake-3 { transform: translateX(-40px); }
.tl-snake .snake-4, .tl-snake .snake-5, .tl-snake .snake-6 { transform: translateX(40px); }
.tl-block.mx-in .tl-snake .snake-item { transform: translateX(0); }
/* 入场节奏：沿路径顺序 6 档延迟 */
.tl-snake .snake-1 { transition-delay: .25s; }
.tl-snake .snake-2 { transition-delay: .45s; }
.tl-snake .snake-3 { transition-delay: .65s; }
.tl-snake .snake-4 { transition-delay: .95s; }
.tl-snake .snake-5 { transition-delay: 1.15s; }
.tl-snake .snake-6 { transition-delay: 1.35s; }

/* ---------- 移动端降级（≤900px：单列纵向，隐藏蛇形线） ---------- */
@media screen and (max-width: 900px) {
    .tl-snake { display: block; border-left: 2px solid rgba(255,255,255,.35); padding-left: 24px; padding-top: 0; }
    .tl-snake .tl-snake-line { display: none; }
    .tl-snake .snake-4, .tl-snake .snake-5, .tl-snake .snake-6 { grid-column: auto; grid-row: auto; }
    .tl-snake .tl-item { margin-bottom: 20px; padding: 14px 16px 12px; background: rgba(7,34,106,.55); }
    .tl-snake .snake-item { transform: translateY(24px) !important; }
    .tl-block.mx-in .tl-snake .snake-item { transform: translateY(0) !important; }
    .tl-snake .snake-1, .tl-snake .snake-2, .tl-snake .snake-3, .tl-snake .snake-4, .tl-snake .snake-5, .tl-snake .snake-6 { transition-delay: .1s; }
}

/* 蛇形时间线尊重 prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .tl-snake .tl-snake-line path { stroke-dashoffset: 0 !important; transition: none !important; }
    .tl-snake .snake-item { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* 蛇形连线增强：更亮更粗，U 型轮廓清晰 */
.tl-snake .tl-snake-line path { stroke: rgba(120,195,255,.75); stroke-width: 3.5; }
/* 隐藏旧纵向时间线的圆点（蛇形布局中位置错乱） */
.tl-snake .tl-item:before { display: none; }
/* 卡片中心加一个"路径节点"圆点：让卡片与连线的关系更明确 */
.tl-snake .tl-item:after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #3FA0F7; border: 2px solid rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(63,160,247,.8); }

/* 蛇形容器禁用 scaleY 生长（线的生长由 stroke-dashoffset 负责，避免压缩坐标） */
.tl-list.tl-snake.tl-grow { transform: none; transition: none; }

/* ============================================================
   U 型蛇形时间线 v2 —— 截图样式：白色面板 + 金色系 + 标签/圆点/序号/标题
   ============================================================ */
/* 蛇形容器 = 白色圆角面板 */
.tl-list.tl-snake {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 46px 44px 40px;
    box-shadow: 0 14px 40px rgba(10, 34, 106, .18);
}
/* 连线：金色 */
.tl-snake .tl-snake-line path { stroke: #C9A24B; stroke-width: 3; }
/* 节点格子：纵向排布 标签→圆点→序号→标题→正文，全部居中、无卡片框 */
.tl-snake .tl-item { background: none; border: none; border-radius: 0; padding: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.tl-snake .tl-item:hover { transform: translateY(-6px); background: none; }
/* 胶囊标签（线上方） */
.tl-snake .tl-badge { display: inline-block; padding: 5px 20px; border: 1.5px solid #C9A24B; border-radius: 24px; color: #A9822F; font-size: 14px; font-weight: 700; line-height: 1.6; background: #fff; margin-bottom: 12px; }
/* 圆点（骑线）：起点实心、其余空心 */
.tl-snake .tl-dot { width: 13px; height: 13px; border-radius: 50%; border: 3px solid #C9A24B; background: #fff; margin: 2px 0 16px; position: relative; z-index: 1; }
.tl-snake .snake-1 .tl-dot { background: #C9A24B; }
/* 大序号（线下方） */
.tl-snake .tl-num { font-size: 30px; font-weight: 800; color: #C9A24B; line-height: 1.15; margin: 0 0 6px; font-family: Georgia, "Times New Roman", serif; }
/* 主题标题 */
.tl-snake .tl-head { font-size: 16px; font-weight: 700; color: #222; margin: 0 0 10px; }
/* 正文（覆盖深色主题文字色） */
.tl-snake .tl-txt { font-size: 13.5px; line-height: 1.85; color: #7A7A7A; text-align: justify; text-align-last: center; }
/* 连线生长动画保留（金色） */
.tl-snake .tl-snake-line path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.8s ease .25s; }
.tl-block.mx-in .tl-snake .tl-snake-line path { stroke-dashoffset: 0; }
/* 节点滑入方向与节奏保留 */
.tl-snake .snake-1, .tl-snake .snake-2, .tl-snake .snake-3 { transform: translateX(-40px); }
.tl-snake .snake-4, .tl-snake .snake-5, .tl-snake .snake-6 { transform: translateX(40px); }
.tl-block.mx-in .tl-snake .snake-item { transform: translateX(0); }
.tl-snake .snake-1 { transition-delay: .25s; } .tl-snake .snake-2 { transition-delay: .45s; }
.tl-snake .snake-3 { transition-delay: .65s; } .tl-snake .snake-4 { transition-delay: .95s; }
.tl-snake .snake-5 { transition-delay: 1.15s; } .tl-snake .snake-6 { transition-delay: 1.35s; }
/* 标题（弥乐科技成长记）在深蓝底上保持白色，不受面板影响 */

/* ---------- 移动端降级：白色面板 + 单列纵向金色竖线 ---------- */
@media screen and (max-width: 900px) {
    .tl-list.tl-snake { display: block; background: #fff; border-radius: 18px; padding: 30px 22px; border-left: none; box-shadow: 0 10px 28px rgba(10,34,106,.16); }
    .tl-snake .tl-snake-line { display: none; }
    .tl-snake .snake-item { border-left: 2px solid #E4D3AB; padding-left: 20px; margin-bottom: 26px; position: relative; transform: translateY(24px) !important; }
    .tl-block.mx-in .tl-snake .snake-item { transform: translateY(0) !important; }
    .tl-snake .snake-item:before { content: ''; position: absolute; left: -7px; top: 22px; width: 12px; height: 12px; border-radius: 50%; background: #C9A24B; border: 2.5px solid #fff; box-shadow: 0 0 0 1.5px #C9A24B; }
    .tl-snake .tl-dot { display: none; }
    .tl-snake .tl-badge { margin-bottom: 8px; }
    .tl-snake .snake-1, .tl-snake .snake-2, .tl-snake .snake-3, .tl-snake .snake-4, .tl-snake .snake-5, .tl-snake .snake-6 { transition-delay: .1s; }
}

/* 蛇形 v2 间距微调：胶囊-圆点-序号呼吸感 */
.tl-snake .tl-badge { margin-bottom: 14px; }
.tl-snake .tl-dot { margin: 2px 0 20px; }
.tl-snake .tl-num { margin: 0 0 8px; }

/* 关于页时间线版块隐藏（欣奕华集团大事记 / 弥乐科技成长记），移除类即可恢复 */
.tl-block.tl-hidden { display: none !important; }

/* ============================================================
   关于页「全球布局」版块 v2（.glo-*）：全宽深蓝数据英雄区 + 非对称影像拼贴
   替代原 about-box7 五等分图排；数字复用全局 .counter-value 滚动计数，
   入场复用全局 .mx-children 级联（reduced-motion 由全局规则降级）
   ============================================================ */

/* --- 英雄区：深蓝渐变 + 世界地图垫底 --- */
.glo-hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #FFFFFF 0%, #F2F6FB 100%); padding: 88px 0 64px; border-bottom: 1px solid rgba(20,60,165,.08); }
.glo-hero-map { position: absolute; right: -4%; bottom: -12%; width: 62%; max-width: 980px; opacity: .5; mix-blend-mode: multiply; pointer-events: none; }
.glo-hero-in { position: relative; z-index: 1; }
.glo-page .glo-eyebrow,
.glo-hero .glo-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; }
.glo-hero .glo-eyebrow-line { width: 34px; height: 2px; background: #143CA5; position: relative; }
.glo-hero .glo-eyebrow-line:after { content: ''; position: absolute; right: -7px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #C8402E; }
.glo-hero .glo-eyebrow em { font-style: normal; font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 15px; letter-spacing: .34em; color: rgba(20,60,165,.6); }
.glo-hero .glo-title { margin: 0 0 16px; color: #1B2437; font-size: clamp(30px, 3vw, 44px); font-weight: bold; letter-spacing: .1em; line-height: 1.25; }
.glo-hero .glo-sub { margin: 0; max-width: 640px; color: #5A6478; font-size: 15px; line-height: 1.9; letter-spacing: .04em; }

/* --- 数据带 --- */
.glo-hero .glo-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 52px; }
.glo-hero .glo-stat { padding: 6px 34px; border-left: 1px solid rgba(20,60,165,.16); }
.glo-hero .glo-stat:first-child { border-left: 0; padding-left: 0; }
.glo-hero .glo-stat-num { margin: 0; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 64px; line-height: 1; color: #143CA5; display: flex; align-items: baseline; gap: 6px; }
.glo-hero .glo-stat-num em { font-style: normal; font-family: inherit; font-size: 22px; letter-spacing: .04em; color: rgba(20,60,165,.75); }
.glo-hero .glo-stat-label { margin: 10px 0 0; font-size: 14px; letter-spacing: .14em; color: #5A6478; }

/* --- 非对称影像拼贴 --- */
.glo-wrap .wp { padding-bottom: 0; }
.glo-wrap .glo-mosaic-w { padding: 0 40px; }
/* 四卡按原图原生比例定制格子（2.69 / 1.42 / 1.45 / 1.63），cover 裁切率 ≤3%，全国业务分布地图完整呈现 */
.glo-wrap .glo-mosaic { display: grid; grid-template-columns: 47fr 18.5fr 34.5fr; grid-template-areas: 'a a b' 'c d d'; gap: 16px; margin: 46px 0 90px; }
.glo-wrap .glo-tile { position: relative; overflow: hidden; border-radius: 16px; background: #F2F6FB; grid-area: auto; }
.glo-wrap .glo-t-a { grid-area: a; aspect-ratio: 1288/478; }
.glo-wrap .glo-t-b { grid-area: b; aspect-ratio: 1400/987; }
.glo-wrap .glo-t-c { grid-area: c; aspect-ratio: 1920/1321; }
.glo-wrap .glo-t-d { grid-area: d; aspect-ratio: 1209/740; background: #FFFFFF; }
.glo-wrap .glo-mosaic .glo-tile { min-height: 0; }
.glo-wrap .glo-tile img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.glo-wrap .glo-tile:hover img { transform: scale(1.05); }
.glo-wrap .glo-t-d:hover img { transform: none; }
.glo-wrap .glo-tile:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 46%; background: linear-gradient(180deg, rgba(11,19,32,0), rgba(11,19,32,.62)); }
.glo-wrap .glo-tile-name { position: absolute; left: 20px; bottom: 16px; z-index: 1; margin: 0; color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: .1em; }
.glo-wrap .glo-tile-name:before { content: ''; display: inline-block; width: 16px; height: 2px; background: #FFFFFF; margin-right: 9px; vertical-align: middle; opacity: .8; }

/* --- 响应式：1319 --- */
@media screen and (max-width: 1319px) {
    .glo-hero { padding: 66px 0 50px; }
    .glo-hero .glo-stat { padding: 6px 22px; }
    .glo-hero .glo-stat-num { font-size: 54px; }
    .glo-wrap .glo-mosaic-w { padding: 0 24px; }
    .glo-wrap .glo-mosaic .glo-tile { min-height: 0; }
}

/* --- 响应式：991（平板：数据 2×2、拼贴两列） --- */
@media screen and (max-width: 991px) {
    .glo-hero { padding: 54px 0 44px; }
    .glo-hero-map { width: 74%; opacity: .14; }
    .glo-hero .glo-stats { grid-template-columns: repeat(2, 1fr); gap: 26px 0; margin-top: 36px; }
    .glo-hero .glo-stat:nth-child(3) { border-left: 0; padding-left: 0; }
    .glo-hero .glo-stat-num { font-size: 46px; }
    .glo-wrap .glo-mosaic { grid-template-columns: repeat(2, 1fr); grid-template-areas: 'a a' 'b c' 'd d'; gap: 14px; margin: 30px auto 60px; }
    .glo-wrap .glo-mosaic-w { padding: 0 20px; }
}

/* --- 响应式：767（手机：拼贴单列） --- */
@media screen and (max-width: 767px) {
    .glo-hero { padding: 40px 0 34px; }
    .glo-hero-map { width: 100%; right: -10%; opacity: .12; }
    .glo-hero .glo-title { font-size: 26px; }
    .glo-hero .glo-sub { font-size: 13px; }
    .glo-hero .glo-stats { grid-template-columns: repeat(2, 1fr); gap: 20px 0; margin-top: 26px; }
    .glo-hero .glo-stat { padding: 0 16px; }
    .glo-hero .glo-stat:nth-child(odd) { border-left: 0; padding-left: 0; }
    .glo-hero .glo-stat-num { font-size: 38px; }
    .glo-hero .glo-stat-num em { font-size: 15px; }
    .glo-hero .glo-stat-label { font-size: 12px; letter-spacing: .08em; }
    .glo-wrap .glo-mosaic { grid-template-columns: 1fr; grid-template-areas: 'a' 'b' 'c' 'd'; gap: 14px; margin: 20px auto 50px; }
    .glo-wrap .glo-mosaic .glo-tile { min-height: 0; }
    .glo-wrap .glo-mosaic-w { padding: 0 15px; }
    .glo-wrap .glo-tile-name { left: 14px; bottom: 12px; font-size: 14px; }
}

/* ============================================================
   发展历程：圆点对齐直线（v2）
   发光线改为 .box-list::before 元素（最小二乘拟合穿过 7 个圆点，
   按三档断点分别定位）；背景图中的旧线已抹除；各条目通过
   padding-bottom 微调使圆点精确落在直线上。
   ============================================================ */
.about-box4 .box-list { isolation: isolate; }
@media screen and (min-width: 1320px) {
    .about-box4 .box-list .list-item:nth-child(2) { padding-bottom: 63px; }
    .about-box4 .box-list .list-item:nth-child(3) { padding-bottom: 86px; }
    .about-box4 .box-list .list-item:nth-child(4) { padding-bottom: 94px; }
    .about-box4 .box-list .list-item:nth-child(5) { padding-bottom: 88px; }
    .about-box4 .box-list .list-item:nth-child(6) { padding-bottom: 69px; }
}
@media screen and (max-width: 1319px) {
    .about-box4 .box-list .list-item:nth-child(2) { padding-bottom: 57.5px; }
    .about-box4 .box-list .list-item:nth-child(3) { padding-bottom: 78px; }
    .about-box4 .box-list .list-item:nth-child(4) { padding-bottom: 86.5px; }
    .about-box4 .box-list .list-item:nth-child(5) { padding-bottom: 83px; }
    .about-box4 .box-list .list-item:nth-child(6) { padding-bottom: 62.5px; }
}
@media screen and (max-width: 991px) {
    .about-box4 .box-list .list-item:nth-child(2) { padding-bottom: 52px; }
    .about-box4 .box-list .list-item:nth-child(3) { padding-bottom: 70px; }
    .about-box4 .box-list .list-item:nth-child(4) { padding-bottom: 77px; }
    .about-box4 .box-list .list-item:nth-child(5) { padding-bottom: 76px; }
    .about-box4 .box-list .list-item:nth-child(6) { padding-bottom: 56px; }
}
@media screen and (max-width: 767px) {
}

/* ============================================================
   工厂实力页（/fuwupingtai）重设计：覆盖原银星 s-box3/s-box4 亮蓝风格
   对齐站点语言：白底/浅灰、渐变标题、圆角卡片、#143CA5 强调色
   ============================================================ */
/* --- 制造能力：白底区块 + 选项卡下移 + 左图右文双栏 --- */
.s-box3 { background: #fff; padding: 88px 0 100px; }
.s-box3 .wp { width: 1200px; }
.s-box4 .wp { width: 1200px; }
@media screen and (max-width: 1319px) { .s-box3 .wp, .s-box4 .wp { width: 960px; } }
@media screen and (max-width: 991px) { .s-box3 .wp, .s-box4 .wp { width: 720px; } }
@media screen and (max-width: 767px) { .s-box3 .wp, .s-box4 .wp { width: 100%; padding-left: 15px; padding-right: 15px; } }
.s-box3 .box-title { float: none; text-align: left; margin-bottom: 14px; }
.s-box3 .box-tab { text-align: left; }
.s-box3 .box-tab .tab-options { float: none; text-align: left; margin: 0 0 36px; border-bottom: 1px solid #E8ECF3; }
.s-box3 .box-tab .tab-options li:before { display: none; }
.s-box3 .box-tab .tab-options li { display: inline-block; vertical-align: bottom; margin: 0 52px 0 0; padding: 0 2px 14px; font-size: 19px; line-height: 1.4; color: #9AA3B2; border-bottom: 3px solid transparent; cursor: pointer; transition: color .25s, border-color .25s; }
.s-box3 .box-tab .tab-options li:hover { color: #143CA5; }
.s-box3 .box-tab .tab-options li.tab-active { color: #143CA5; font-weight: bold; border-bottom-color: #143CA5; }
.s-box3 .box-tab .tab-content { overflow: visible; }
.s-box3 .tab-content-item .tab-grid { display: flex; gap: 44px; align-items: stretch; }
.s-box3 .tab-content-item .tab-media { flex: 0 0 58%; margin: 0; border-radius: 24px; overflow: hidden; background: #F5F6FA; position: relative; }
.s-box3 .tab-arrows { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
.s-box3 .tab-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: none; cursor: pointer; pointer-events: auto; background: rgba(255, 255, 255, .88); color: #143CA5; box-shadow: 0 4px 16px rgba(11, 19, 32, .22); display: flex; align-items: center; justify-content: center; transition: background .25s, color .25s; }
.s-box3 .tab-arrow .iconfont { font-size: 24px; }
.s-box3 .tab-arrow:hover { background: #143CA5; color: #fff; }
.s-box3 .tab-prev { left: 22px; }
.s-box3 .tab-next { right: 22px; }
.s-box3 .tab-content-item .tab-media img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.s-box3 .tab-content-item .tab-text { flex: 1; background: #F5F6FA; border-radius: 24px; padding: 46px 42px; display: flex; flex-direction: column; justify-content: center; }
.s-box3 .tab-content-item .tab-text p { position: relative; margin: 9px 0; padding-left: 24px; font-size: 16px; line-height: 1.85; color: #3D4757; }
.s-box3 .tab-content-item .tab-text p::before { content: ''; position: absolute; left: 2px; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #015EEA, #00C0FA); }
/* --- 检测中心：浅灰底 + 白卡统计网格 --- */
.s-box4 { background: #F5F6FA; padding: 88px 0 104px; }
.s-box4 .box-title { text-align: left; margin-bottom: 40px; }
.s-box4 .stat-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.s-box4 .stat-card { background: #fff; border-radius: 16px; padding: 40px 24px 34px; text-align: center; box-shadow: 0 6px 24px rgba(20, 60, 165, .07); transition: transform .35s ease, box-shadow .35s ease; }
.s-box4 .stat-card:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(20, 60, 165, .13); }
.s-box4 .stat-card .item-pic { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #015EEA, #00C0FA); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(1, 94, 234, .25); }
.s-box4 .stat-card .item-pic img { display: block; width: 34px; }
.s-box4 .stat-card .stat-num { margin: 0; font-size: 40px; font-weight: bold; line-height: 1.15; letter-spacing: .01em; background: linear-gradient(135deg, #015EEA, #00C0FA); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.s-box4 .stat-card .stat-label { margin: 8px 0 0; font-size: 16px; color: #666; }
@media screen and (max-width: 1319px) {
    .s-box3 { padding: 70px 0 80px; }
    .s-box3 .box-tab .tab-options li { margin-right: 36px; font-size: 17px; }
    .s-box3 .tab-content-item .tab-grid { gap: 30px; }
    .s-box3 .tab-content-item .tab-text { padding: 32px 28px; }
    .s-box4 { padding: 70px 0 84px; }
    .s-box4 .stat-card { padding: 32px 18px 28px; }
    .s-box4 .stat-card .stat-num { font-size: 34px; }
}
@media screen and (max-width: 991px) {
    .s-box3 { padding: 56px 0 66px; }
    .s-box3 .box-tab .tab-options { margin-bottom: 26px; }
    .s-box3 .box-tab .tab-options li { margin-right: 26px; font-size: 15px; padding-bottom: 10px; }
    .s-box3 .tab-content-item .tab-grid { flex-direction: column; gap: 22px; }
    .s-box3 .tab-content-item .tab-media { flex: none; }
    .s-box3 .tab-content-item .tab-media img { height: auto; aspect-ratio: 4 / 3; }
    .s-box3 .tab-content-item .tab-text { padding: 28px 26px; }
    .s-box3 .tab-content-item .tab-text p { font-size: 15px; }
    .s-box4 { padding: 56px 0 70px; }
    .s-box4 .stat-cards { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media screen and (max-width: 767px) {
    .s-box3 { padding: 44px 0 52px; }
    .s-box3 .box-tab .tab-options li { margin-right: 18px; font-size: 14px; }
    .s-box3 .tab-content-item .tab-media { border-radius: 16px; }
    .s-box3 .tab-arrow { width: 38px; height: 38px; }
    .s-box3 .tab-arrow .iconfont { font-size: 18px; }
    .s-box3 .tab-prev { left: 12px; }
    .s-box3 .tab-next { right: 12px; }
    .s-box3 .tab-content-item .tab-text { border-radius: 16px; padding: 22px 20px; }
    .s-box4 { padding: 44px 0 56px; }
    .s-box4 .box-title { margin-bottom: 26px; }
}
@media screen and (max-width: 480px) {
    .s-box4 .stat-cards { gap: 12px; }
    .s-box4 .stat-card { padding: 24px 10px 20px; border-radius: 12px; }
    .s-box4 .stat-card .item-pic { width: 56px; height: 56px; margin-bottom: 12px; }
    .s-box4 .stat-card .item-pic img { width: 27px; }
    .s-box4 .stat-card .stat-num { font-size: 26px; }
    .s-box4 .stat-card .stat-label { font-size: 13px; }
}

/* ============================================================
   商务合作页（/hexinyoushi）重设计：智造中心及以下四区块
   呼应 banner 深色实拍风：深—浅—深—白节奏 + 渐变强调 + 圆角卡片
   ============================================================ */
/* --- 智造中心：深藏青底 + 左文右图（渐变数字统计） --- */
.hxys-box3 { background: #0B1320; padding: 90px 0; }
.hxys-box3 .item-box { background: none; }
.hxys-box3 .item-box .item-pic { width: 46%; margin-right: 6%; }
.hxys-box3 .item-box .item-pic img { border-radius: 24px; }
.hxys-box3 .item-box .item-body { padding-left: 2%; }
.hxys-box3 .item-box .box-title { margin-bottom: 40px; }
.hxys-box3 .item-box .box-list .list-item .item-title { margin-bottom: 10px; font-size: 44px; line-height: 1.15; color: #fff; background: linear-gradient(135deg, #015EEA, #00C0FA); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hxys-box3 .item-box .box-list .list-item .item-desc { color: #8A93A6; font-size: 16px; }
/* --- 检测中心：浅灰底 + 两张白色圆角图文卡 --- */
.hxys-box4 { background: #F5F6FA; padding: 90px 0 100px; }
.hxys-box4 .box-title { text-align: left; margin-bottom: 40px; }
.hxys-box4 .box-list { display: flex; gap: 32px; }
.hxys-box4 .box-list .item-img { display: none; }
.hxys-box4 .box-list .list-item { display: block; width: calc(50% - 16px); margin: 0; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 6px 24px rgba(20, 60, 165, .07); }
.hxys-box4 .box-list .list-item .item-pic { border-radius: 0; }
.hxys-box4 .box-list .list-item .item-pic img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.hxys-box4 .box-list .list-item .item-body { background: none; text-align: left; color: #3D4757; font-size: 16px; line-height: 1.9; padding: 28px 32px 32px; }
.hxys-box4 .box-list .list-item .item-body p { color: #3D4757; font-size: 16px; margin: 4px 0; }
.hxys-box4 .box-list .list-item .item-body strong { color: #143CA5; font-size: 26px; }
/* --- 全球售后服务中心：深藏青底 + 标题居左 + 地图居中 --- */
.hxys-box5 { background: #0B1320; height: auto; padding: 90px 0; }
.hxys-box5:before { display: none; }
.hxys-box5 .item-box { float: none; margin: 0; text-align: center; }
.hxys-box5 .item-box .item-title { text-align: center; margin-bottom: 34px; }
.hxys-box5 .item-box .item-img { margin: 0 auto; }
.hxys-box5 .item-box .item-img img { width: min(920px, 94%); margin: 0 auto; }
/* --- 认证资质：白底 + 标题居左 + 描边统计卡 --- */
.hxys-box6 { background: #F5F6FA; padding: 90px 0 70px; }
.hxys-box6 .wp { width: 1200px; margin: auto; }
.hxys-box6 .box-title { text-align: left; margin-bottom: 36px; }
.hxys-box6 .item-pic { margin-left: 0; }
.hxys-box6 .item-pic img { border-radius: 24px; }
.hxys-box6 .box-list { display: flex; flex-wrap: wrap; gap: 18px; padding-bottom: 10px; }
.hxys-box6 .box-list .list-item { width: calc(50% - 9px); margin: 0; background: #fff; border-radius: 16px; padding: 34px 10px 30px; box-shadow: 0 6px 24px rgba(20, 60, 165, .07); }
.hxys-box6 .box-list .item-title strong { background: none; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: #5A6A85; color: #5A6A85; }
.hxys-box6 .item-body .item-img { margin: 36px auto 0; }
.hxys-box6 .item-body .item-img img { border-radius: 12px; }
/* --- 响应式 --- */
@media screen and (max-width: 1319px) {
    .hxys-box3 { padding: 70px 0; }
    .hxys-box3 .item-box .box-list .list-item .item-title { font-size: 38px; }
    .hxys-box4 { padding: 70px 0 80px; }
    .hxys-box6 { padding: 70px 0 50px; }
    .hxys-box6 .box-list .item-desc { font-size: 40px; }
}
@media screen and (max-width: 991px) {
    .hxys-box3 { padding: 56px 0; }
    .hxys-box3 .item-box .item-pic { width: 100%; margin: 0 0 26px; }
    .hxys-box3 .item-box .item-pic img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
    .hxys-box3 .item-box .item-body { padding-left: 0; }
    .hxys-box3 .item-box .box-title { margin-bottom: 24px; }
    .hxys-box3 .item-box .box-list .list-item { width: 33.333%; margin: 0; }
    .hxys-box3 .item-box .box-list .list-item .item-title { font-size: 28px; }
    .hxys-box3 .item-box .box-list .list-item .item-desc { font-size: 14px; }
    .hxys-box4 { padding: 56px 0 66px; }
    .hxys-box4 .box-title { margin-bottom: 26px; }
    .hxys-box4 .box-list { flex-direction: column; gap: 24px; }
    .hxys-box4 .box-list .list-item { width: 100%; }
    .hxys-box5 { padding: 56px 0; }
    .hxys-box6 { padding: 56px 0 40px; }
    .hxys-box6 .box-list .item-desc { font-size: 30px; }
}
@media screen and (max-width: 767px) {
    .hxys-box3 { padding: 44px 0; }
    .hxys-box3 .item-box .box-list .list-item { display: block; width: 100%; margin-bottom: 16px; }
    .hxys-box3 .item-box .box-list .list-item .item-title { font-size: 24px; display: inline; margin-right: 8px; }
    .hxys-box3 .item-box .box-list .list-item .item-desc { display: inline; font-size: 14px; }
    .hxys-box3 .item-box .box-list .list-item .item-title { background: none; -webkit-text-fill-color: #fff; color: #fff; }
    .hxys-box4 { padding: 44px 0 52px; }
    .hxys-box4 .box-title { margin-bottom: 20px; }
    .hxys-box4 .box-list .list-item { border-radius: 16px; }
    .hxys-box4 .box-list .list-item .item-body { padding: 18px 20px 22px; font-size: 14px; }
    .hxys-box4 .box-list .list-item .item-body p { font-size: 14px; }
    .hxys-box4 .box-list .list-item .item-body strong { font-size: 20px; }
    .hxys-box5 { padding: 44px 0; }
    .hxys-box6 { padding: 44px 0 30px; }
    .hxys-box6 .box-title { margin-bottom: 22px; }
    .hxys-box6 .item-pic img { border-radius: 16px; }
    .hxys-box6 .box-list .list-item { padding: 22px 10px 20px; }
    .hxys-box6 .box-list .item-desc { font-size: 24px; }
}

/* 认证资质：CE·UKCA·CB 长文本自适应（移除内联 40px 后由 CSS 控制，避免窄卡裁切） */
.hxys-box6 .box-list .item-desc .cert-line { font-size: 30px; line-height: 1.25; white-space: normal; overflow-wrap: break-word; }
@media screen and (max-width: 767px) { .hxys-box6 .box-list .item-desc .cert-line { font-size: 20px; } }


/* ===== MEELUX：商务合作页 v3 版块（cw-*，banner 以下整页重构，内容源：企业宣传册 P22-25） ===== */
.cw-sec { padding: 92px 0; position: relative; }
.cw-sec-dark { background: linear-gradient(180deg, #0B1320 0%, #0E1E38 100%); }
.cw-sec-tint { background: #F5F8FD; }
.cw-head { max-width: 860px; margin: 0 auto 54px; text-align: center; }
.cw-head.left { margin: 0 0 34px; text-align: left; }
.cw-eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 16px; }
.cw-eyebrow .line { width: 34px; height: 2px; background: #143CA5; position: relative; flex: none; }
.cw-eyebrow .line::after { content: ''; position: absolute; right: -7px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #C8402E; }
.cw-eyebrow em { font-style: normal; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 15px; letter-spacing: .34em; color: rgba(20,60,165,.65); }
.cw-title { margin: 0; font-size: clamp(26px, 2.6vw, 36px); font-weight: bold; letter-spacing: .06em; color: #1B2437; }
.cw-lead { margin: 16px auto 0; max-width: 780px; font-size: 15px; line-height: 1.9; color: #5A6478; }
.cw-head.left .cw-eyebrow, .cw-head.left .cw-lead { justify-content: flex-start; margin-left: 0; }
.cw-head.left .cw-lead { margin-left: 0; }
.cw-head.light .cw-title { color: #fff; }
.cw-head.light .cw-lead { color: rgba(255,255,255,.62); }
.cw-head.light .cw-eyebrow .line { background: #7FB0FF; }
.cw-head.light .cw-eyebrow em { color: rgba(156,199,255,.75); }

/* 带背景框的版块（合作模式 / 智造中心 / 认证资质）：通栏背景，与首屏 banner 同宽 */
.cw-mode, .cw-mfg, .cw-cert { padding: 48px 0; }
.cw-frame { position: relative; overflow: hidden; background: linear-gradient(180deg, #F8FAFE 0%, #EFF5FC 100%); border-top: 1px solid #E3EAF6; border-bottom: 1px solid #E3EAF6; padding: 56px 0; }
.cw-frame::before { content: ''; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(0,192,250,.08), transparent 62%); top: -180px; right: -130px; pointer-events: none; }
.cw-frame > * { position: relative; }
.cw-frame .cw-mfg-show { box-shadow: 0 18px 40px rgba(11,26,51,.16); }

/* ⑦ 认证资质：铅笔素描背景（AI 生成稿 public/uploads/meelux/cert-sketch-bg.jpg，两侧纹样中部留白） */
.cw-cert .cw-frame {
    background-color: #F5F8FD;
    background-image: linear-gradient(180deg, rgba(248,250,254,.35), rgba(239,245,252,.45)), url('/uploads/meelux/cert-sketch-bg.jpg');
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;
}

/* ① 合作模式：三大能力卡片 */
.cw-mode-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cw-mode-card { position: relative; padding: 38px 30px 32px; background: #fff; border: 1px solid #E3EAF6; border-radius: 18px; overflow: hidden; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.cw-mode-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(20,60,165,.12); border-color: rgba(20,60,165,.3); }
.cw-mode-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #015EEA, #00C0FA); opacity: 0; transition: opacity .35s ease; }
.cw-mode-card:hover::before { opacity: 1; }
.cw-mode-card .cw-no { position: absolute; top: 16px; right: 24px; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 56px; line-height: 1; color: #EDF2FB; letter-spacing: .02em; }
.cw-ico { width: 58px; height: 58px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(1,94,234,.1), rgba(0,192,250,.1)); color: #143CA5; margin-bottom: 22px; }
.cw-ico svg { width: 30px; height: 30px; }
.cw-mode-card .cw-card-title { margin: 0 0 10px; font-size: 19px; font-weight: bold; color: #1B2437; letter-spacing: .02em; }
.cw-mode-card .cw-card-desc { margin: 0 0 18px; font-size: 14px; line-height: 1.85; color: #5A6478; }
.cw-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.cw-tags span { padding: 5px 12px; border-radius: 999px; background: #F0F5FD; color: #143CA5; font-size: 12px; line-height: 1.5; }

/* ② 为什么选择我们（暗） */
.cw-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cw-why-card { position: relative; padding: 30px 26px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); transition: transform .35s ease, background .35s ease, border-color .35s ease; }
.cw-why-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.09); border-color: rgba(0,192,250,.45); }
.cw-why-card .cw-no { display: block; margin-bottom: 16px; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 44px; line-height: 1; background: linear-gradient(180deg, #9CC7FF 0%, #00C0FA 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #7FB0FF; }
.cw-why-card .cw-card-title { margin: 0 0 10px; font-size: 17px; font-weight: bold; color: #fff; letter-spacing: .02em; }
.cw-why-card .cw-card-desc { margin: 0; font-size: 13.5px; line-height: 1.85; color: rgba(255,255,255,.6); }
.cw-why-strip { margin-top: 28px; display: flex; align-items: center; gap: 24px; padding: 26px 34px; border-radius: 16px; background: linear-gradient(90deg, rgba(1,94,234,.3), rgba(0,192,250,.12)); border: 1px solid rgba(0,192,250,.28); }
.cw-why-strip .strip-ico { width: 54px; height: 54px; flex: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #015EEA, #00C0FA); color: #fff; box-shadow: 0 10px 26px rgba(1,94,234,.4); }
.cw-why-strip .strip-ico svg { width: 26px; height: 26px; }
.cw-why-strip .strip-title { margin: 0 0 6px; font-size: 18px; font-weight: bold; color: #fff; letter-spacing: .03em; }
.cw-why-strip .strip-desc { margin: 0; font-size: 13.5px; line-height: 1.7; color: rgba(255,255,255,.62); }
.cw-why-strip .strip-nums { margin-left: auto; display: flex; gap: 40px; text-align: right; }
.cw-why-strip .strip-nums .num { margin: 0; }
.cw-why-strip .strip-nums strong { display: block; font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 42px; line-height: 1; color: #9CC7FF; }
.cw-why-strip .strip-nums em { font-style: normal; font-size: 13px; color: rgba(156,199,255,.85); margin-left: 3px; }
.cw-why-strip .strip-nums span { display: block; margin-top: 5px; font-size: 12.5px; color: rgba(255,255,255,.55); letter-spacing: .04em; }

/* ③ 知识产权：底图 + 毛玻璃卡 + 构成比例条 */
.cw-ip { position: relative; padding: 92px 0; background: #DCE6F5 url(../images/hxys2.jpg) center/cover no-repeat; }
.cw-ip::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(245,248,253,.88), rgba(245,248,253,.74)); }
.cw-ip .wp { position: relative; }
.cw-ip-card { position: relative; background: rgba(255,255,255,.82); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.7); border-radius: 22px; box-shadow: 0 30px 60px rgba(11,26,51,.16); padding: 48px 52px 44px; }
.cw-ip-body { display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: center; margin-top: 10px; }
.cw-ip-total { padding-right: 52px; border-right: 1px solid rgba(20,60,165,.14); }
.cw-ip-total .num { margin: 0; display: flex; align-items: baseline; }
.cw-ip-total .num strong { font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 96px; line-height: 1; background: linear-gradient(135deg, #015EEA 0%, #00C0FA 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cw-ip-total .num em { font-style: normal; font-size: 20px; font-weight: bold; color: #143CA5; margin-left: 8px; }
.cw-ip-total .lab { margin: 10px 0 10px; font-size: 17px; font-weight: bold; color: #1B2437; letter-spacing: .04em; }
.cw-ip-total .sub { margin: 0; font-size: 13px; line-height: 1.7; color: #5A6478; letter-spacing: .02em; }
.cw-ip-bars { display: grid; gap: 17px; }
.cw-ip-bar .top { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 8px; font-size: 14px; }
.cw-ip-bar .lab { color: #3D4A63; font-weight: bold; letter-spacing: .02em; }
.cw-ip-bar .val { color: #143CA5; font-weight: bold; }
.cw-ip-bar .val strong { font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 20px; margin-right: 2px; }
.cw-ip-bar .track { position: relative; height: 8px; border-radius: 999px; background: rgba(20,60,165,.1); overflow: hidden; }
.cw-ip-bar .fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 999px; background: linear-gradient(90deg, #015EEA, #00C0FA); transition: width 1.2s cubic-bezier(.22,.61,.36,1) .25s; }
.cw-ip-card.mx-in .cw-ip-bar .fill { width: var(--w); }

/* ④ 智造中心：大图 + 一体式数据条 */
.cw-mfg-show { border-radius: 22px; overflow: hidden; box-shadow: 0 34px 70px rgba(11,26,51,.18); }
.cw-mfg-show figure { margin: 0; }
.cw-mfg-show img { width: 100%; display: block; }
.cw-mfg-stats { display: grid; grid-template-columns: repeat(4, 1fr); background: linear-gradient(135deg, #0E1A33 0%, #142E63 100%); padding: 30px 16px 28px; }
.cw-mfg-stats .stat { text-align: center; padding: 4px 12px; }
.cw-mfg-stats .stat + .stat { border-left: 1px solid rgba(255,255,255,.12); }
.cw-mfg-stats .num { margin: 0; }
.cw-mfg-stats .num strong { font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 50px; line-height: 1; color: #fff; }
.cw-mfg-stats .num em { font-style: normal; font-size: 15px; color: #9CC7FF; margin-left: 4px; }
.cw-mfg-stats .lab { margin: 9px 0 0; font-size: 13.5px; color: rgba(255,255,255,.6); letter-spacing: .04em; }

/* ⑤ 检测中心：图组 + 类目标签 + 统计卡 */
.cw-test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.cw-test-grid figure { margin: 0; border-radius: 16px; overflow: hidden; aspect-ratio: 4/3; }
.cw-test-grid img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.cw-test-grid figure:hover img { transform: scale(1.05); }
.cw-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 32px 0 0; }
.cw-chips span { padding: 8px 18px; border-radius: 999px; background: #fff; border: 1px solid rgba(20,60,165,.18); color: #143CA5; font-size: 13px; letter-spacing: .02em; transition: background .3s ease, color .3s ease, border-color .3s ease; cursor: default; }
.cw-chips span:hover { background: #143CA5; color: #fff; border-color: #143CA5; }
.cw-test-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 32px; }
.cw-stat-card { background: #fff; border: 1px solid rgba(20,60,165,.14); border-radius: 16px; padding: 26px 18px 22px; text-align: center; transition: transform .35s ease, box-shadow .35s ease; }
.cw-stat-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(20,60,165,.12); }
.cw-stat-card .num { margin: 0; }
.cw-stat-card .num strong { font-family: Bebas, 'Arial Narrow', sans-serif; font-weight: normal; font-size: 46px; line-height: 1; color: #143CA5; }
.cw-stat-card .num em { font-style: normal; font-size: 16px; color: #143CA5; margin-left: 2px; }
.cw-stat-card .lab { margin: 8px 0 0; font-size: 13px; color: #5A6478; letter-spacing: .02em; }

/* ⑥ 全球售后服务中心（暗）：五国徽标卡 + 地图 */
.cw-svc-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.cw-svc-card { padding: 30px 16px 26px; text-align: center; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); transition: transform .35s ease, background .35s ease, border-color .35s ease; }
.cw-svc-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.09); border-color: rgba(0,192,250,.5); }
.cw-svc-card .mark { width: 62px; height: 62px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 24px; letter-spacing: .05em; color: #fff; background: linear-gradient(135deg, #015EEA, #00C0FA); box-shadow: 0 10px 24px rgba(1,94,234,.35); }
.cw-svc-card .name { margin: 0 0 5px; font-size: 16.5px; font-weight: bold; color: #fff; letter-spacing: .03em; }
.cw-svc-card .en { margin: 0; font-family: Bebas, 'Arial Narrow', sans-serif; font-size: 13px; letter-spacing: .22em; color: rgba(156,199,255,.6); }
.cw-svc-map { margin: 46px auto 0; max-width: 980px; padding: 0 20px; }
.cw-svc-map img { width: 100%; display: block; }

/* ⑦ 认证资质：证书实图网格 */
.cw-cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cw-cert-item { margin: 0; background: #fff; border: 1px solid #E3EAF6; border-radius: 14px; padding: 18px 18px 14px; text-align: center; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.cw-cert-item:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(20,60,165,.12); border-color: rgba(20,60,165,.3); }
.cw-cert-item .pic { display: flex; align-items: center; justify-content: center; height: 120px; }
.cw-cert-item .pic img { max-height: 120px; max-width: 100%; object-fit: contain; }
.cw-cert-item figcaption { margin-top: 12px; padding-top: 11px; border-top: 1px dashed rgba(20,60,165,.16); font-size: 13px; color: #3D4A63; letter-spacing: .01em; }

/* ⑧ CTA 尾段（封底） */
.cw-cta { position: relative; overflow: hidden; padding: 96px 0 100px; background: linear-gradient(135deg, #0A1430 0%, #10275E 55%, #015EEA 165%); text-align: center; }
.cw-cta::before { content: ''; position: absolute; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(0,192,250,.2), transparent 65%); top: -220px; right: -140px; }
.cw-cta::after { content: ''; position: absolute; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(1,94,234,.24), transparent 65%); bottom: -200px; left: -120px; }
.cw-cta .wp { position: relative; z-index: 1; }
.cw-cta .cw-eyebrow .line { background: #7FB0FF; }
.cw-cta .cw-eyebrow em { color: rgba(156,199,255,.8); }
.cw-cta-title { margin: 0; font-size: clamp(28px, 3vw, 42px); font-weight: bold; color: #fff; letter-spacing: .1em; }
.cw-cta-sub { margin: 18px auto 0; max-width: 660px; font-size: 15px; line-height: 1.9; color: rgba(255,255,255,.62); }
.cw-mail { display: inline-flex; align-items: center; gap: 12px; margin-top: 36px; padding: 16px 42px; border-radius: 999px; background: linear-gradient(90deg, #015EEA, #00C0FA); color: #fff; font-size: 17px; font-weight: bold; letter-spacing: .04em; box-shadow: 0 16px 40px rgba(1,94,234,.4); transition: transform .3s ease, box-shadow .3s ease; }
.cw-mail:hover { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(1,94,234,.52); color: #fff; text-decoration: none; }
.cw-mail svg { width: 20px; height: 20px; }
.cw-addr { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 56px; margin-top: 42px; }
.cw-addr p { margin: 0; position: relative; padding-left: 22px; text-align: left; font-size: 13.5px; line-height: 1.7; color: rgba(255,255,255,.6); }
.cw-addr p::before { content: ''; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: #00C0FA; }
.cw-addr strong { display: block; margin-bottom: 4px; font-size: 14.5px; color: #fff; letter-spacing: .04em; }

/* 响应式 */
@media screen and (max-width: 1319px) {
    .cw-sec, .cw-ip { padding: 72px 0; }
    .cw-mode, .cw-mfg, .cw-cert { padding: 40px 0; }
    .cw-frame { padding: 44px 0 44px; }
    .cw-mode-grid { gap: 16px; }
    .cw-mode-card { padding: 32px 24px 28px; }
    .cw-why-grid { gap: 14px; }
    .cw-ip-body { grid-template-columns: 260px 1fr; gap: 40px; }
    .cw-ip-total { padding-right: 40px; }
    .cw-ip-total .num strong { font-size: 80px; }
}
@media screen and (max-width: 991px) {
    .cw-mode-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .cw-why-grid { grid-template-columns: 1fr 1fr; }
    .cw-why-strip { flex-direction: column; text-align: center; padding: 28px 24px; }
    .cw-why-strip .strip-body { display: flex; flex-direction: column; align-items: center; }
    .cw-why-strip .strip-nums { margin: 18px 0 0; justify-content: center; text-align: center; gap: 56px; }
    .cw-ip-body { grid-template-columns: 1fr; gap: 34px; }
    .cw-ip-total { border-right: 0; padding-right: 0; padding-bottom: 26px; border-bottom: 1px solid rgba(20,60,165,.14); text-align: center; }
    .cw-ip-total .num { justify-content: center; }
    .cw-mfg-stats { grid-template-columns: 1fr 1fr; gap: 22px 0; padding: 26px 8px 24px; }
    .cw-mfg-stats .stat:nth-child(2n+1) { border-left: 0; }
    .cw-test-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
    .cw-test-grid figure:first-child { grid-column: 1 / -1; aspect-ratio: 21/9; }
    .cw-test-stats { grid-template-columns: 1fr 1fr; gap: 14px; }
    .cw-svc-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .cw-cert-grid { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 767px) {
    .cw-sec, .cw-ip { padding: 56px 0; }
    .cw-mode, .cw-mfg, .cw-cert { padding: 24px 0; }
    .cw-frame { padding: 28px 0 28px; }
    .cw-cert .cw-frame { background-position: left top, left top; }
    .cw-head { margin-bottom: 36px; }
    .cw-lead { font-size: 14px; }
    .cw-mode-card .cw-no { font-size: 44px; }
    .cw-why-grid { grid-template-columns: 1fr; gap: 14px; }
    .cw-ip-card { padding: 32px 22px 28px; border-radius: 16px; }
    .cw-ip-total .num strong { font-size: 64px; }
    .cw-mfg-stats .num strong { font-size: 36px; }
    .cw-mfg-stats .lab { font-size: 12px; }
    .cw-test-grid { grid-template-columns: 1fr; }
    .cw-test-grid figure:first-child { grid-column: auto; aspect-ratio: 4/3; }
    .cw-chips { gap: 8px; }
    .cw-chips span { padding: 6px 14px; font-size: 12px; }
    .cw-test-stats { grid-template-columns: 1fr 1fr; margin-top: 20px; }
    .cw-stat-card { padding: 20px 12px 16px; }
    .cw-stat-card .num strong { font-size: 36px; }
    .cw-svc-grid { grid-template-columns: 1fr 1fr; }
    .cw-svc-map { margin-top: 30px; padding: 0 6px; }
    .cw-cert-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .cw-cert-item { padding: 12px 12px 10px; }
    .cw-cert-item .pic { height: 84px; }
    .cw-cert-item .pic img { max-height: 84px; }
    .cw-cert-item figcaption { font-size: 12px; }
    .cw-cta { padding: 64px 0 68px; }
    .cw-mail { padding: 14px 28px; font-size: 15px; }
    .cw-addr { flex-direction: column; align-items: center; gap: 18px; margin-top: 32px; }
    .cw-addr p { text-align: center; padding-left: 0; }
    .cw-addr p::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .cw-ip-bar .fill { transition: none; }
}

/* ===== EN 版导航适配:英文菜单项比中文长,总宽超出浮动可用空间时整条导航会掉到 logo 下方的
   第二排。仅对英文版收紧预留边距与菜单项内边距,中文版布局保持不变 ===== */
html[lang="en"] .header .navlist { margin-right: 150px !important; }
@media screen and (max-width: 1319px) {
    html[lang="en"] .header .navlist { margin-right: 10px !important; }
    html[lang="en"] .header .navlist > li > a { padding-left: 8px; padding-right: 8px; }
}