@charset "UTF-8";body,
html{width: 100%}
input::-ms-clear,
input::-ms-reveal{display: none}

*,
:after,
:before{box-sizing: inherit}
html{font-family: sans-serif;line-height: 1.15;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
@-ms-viewport{width: device-width}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section{display: block}
body{margin: 0;color: rgba(0, 0, 0, .6);font-size: 14px;font-feature-settings: "tnum"}
[tabindex="-1"]:focus{outline: none!important}
hr{box-sizing: content-box;height: 0;overflow: visible}
h1,
h2,
h3,
h4,
h5,
h6{color: rgba(0, 0, 0);font-weight: 500}
h1,
h2,
h3,
h4,
h5,
h6,
p{margin-top: 0;margin-bottom: 0}
abbr[data-original-title],
abbr[title]{text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;border-bottom: 0;cursor: help}
address{margin-bottom: 1em;font-style: normal;line-height: inherit}
input[type=number],
input[type=password],
input[type=text],
textarea{-webkit-appearance: none}
dl,
ol,
ul{margin-top: 0;margin-bottom: 1em}
ol ol,
ol ul,
ul ol,
ul ul{margin-bottom: 0}
dt{font-weight: 500}
dd{margin-bottom: .5em;margin-left: 0}
blockquote{margin: 0 0 1em}
dfn{font-style: italic}
b,
strong{font-weight: bolder}
small{font-size: 80%}
sub,
sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sub{bottom: -.25em}
sup{top: -.5em}
a{color: rgba(0, 0, 0, .6);text-decoration: none;background-color: transparent;outline: none;cursor: pointer;transition: color .3s;-webkit-text-decoration-skip: objects}
a:focus{text-decoration: none;-webkit-text-decoration-skip: ink;text-decoration-skip-ink: auto}
a:hover{text-decoration: none;outline: 0}
code,
kbd,
pre,
samp{font-size: 1em;font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace}
pre{margin-top: 0;margin-bottom: 1em;overflow: auto}
figure{margin: 0 0 1em}
img{vertical-align: middle;border-style: none}
svg:not(:root){overflow: hidden}
[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea{touch-action: manipulation}
table{border-collapse: collapse}
caption{padding-top: .75em;padding-bottom: .3em;color: rgba(0, 0, 0, .45);text-align: left;caption-side: bottom}
th{text-align: inherit}
button,
input,
optgroup,
select,
textarea{margin: 0;color: inherit;font-size: inherit;font-family: inherit;line-height: inherit}
button,
input{overflow: visible}
button,
select{text-transform: none}
[type=reset],
[type=submit],
button,
html [type=button]{-webkit-appearance: button}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{padding: 0;border-style: none}
input[type=checkbox],
input[type=radio]{box-sizing: border-box;padding: 0}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time]{-webkit-appearance: listbox}
textarea{overflow: auto;resize: vertical}
fieldset{min-width: 0;margin: 0;padding: 0;border: 0}
legend{display: block;width: 100%;max-width: 100%;margin-bottom: .5em;padding: 0;color: inherit;font-size: 1.5em;line-height: inherit;white-space: normal}
progress{vertical-align: baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto}
[type=search]{outline-offset: -2px;-webkit-appearance: none}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{font: inherit;-webkit-appearance: button}
output{display: inline-block}
summary{display: list-item}
template{display: none}
[hidden]{display: none!important}
mark{padding: .2em;background-color: #feffe6}
::-moz-selection{color: #fff;background: #2b7de1}
::selection{color: #fff;background: #2b7de1}

:root{
    --html-font:14px;
    
    --fontTitleBig:50px;
    --fontTitleBigLH:66px;
    --fontTitleModel:27px;
    
    --first-level-font:50px;
    --first-level-font-h:66px;
    
    
    --second-level-font:48px;
    --second-level-font-h:48px;
    
    --three-level-font:48px;
    --three-level-font-h:60px;
    
    
    --four-level-font:1.42rem;
    --four-level-font-h:2rem;
    
    
    --five-level-font:1.42rem;
    --five-level-font-h:2rem;
    
    
    --six-level-font:1.14rem;
    --six-level-font-h:1.85rem;
    
    
    --content-font:1rem;
    --content-font-h:2rem;
    
    
    --small-font:0.5rem;
    --small-font-h:1rem;
    
    
    --cp-haibao-font:48px;
    --cp-haibao-font-h:60px;
    
    --iconW:75%;
    
    --bigImgH:80vh;
    --blueC:#2a7de1;
    --headerH:90px;
    --headerPcH:130px;
    --haibaoH:75vh;
    
    --phoneH:600px;
    
    --img-box:70vh;
    
    --haibaoMB:90px;
    
    --mapH:500px;
    
    --phone-b-c:#f3f3f363;
    
    --search-phone-box-h:120px;
    
    --input-p:#ddd;
    
    --dark-gray:rgb(51,51,51);

}

html{
    font-size: var(--html-font);
}
*{
    padding: 0;
    margin: 0;
}
.dow-box{
    margin-top: var(--headerPcH);
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family: inherit;font-weight: 400;line-height: 1.3;color: inherit;margin-bottom: 0}
.h1{font-size: 40px}
.h2{font-size: 28px}
.h3{font-size: 24px}
.h4{font-size: 20px}
.h5{font-size: 18px}
.h6{font-size: 16px}
hr{margin-top: 16px;margin-bottom: 16px;border: 0;border-top: 1px solid rgba(0, 0, 0, .1)}
.clearfix:after,
.clearfix:before{content: " ";display: table}
.clearfix:after{clear: both}
.center-block{display: block;margin-left: auto;margin-right: auto}
.pull-right{float: right}
.pull-left{float: left}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}
.sr-only-focusable:active,
.sr-only-focusable:focus{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto}
.invisible{visibility: hidden}
.text-hide{font: "0/0", a;color: transparent;text-shadow: none;background-color: transparent;border: 0}
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}
.text-justify{text-align: justify;text-justify: inter-ideograph}
.text-nowrap,
.text-truncate{white-space: nowrap}
.text-truncate{overflow: hidden;text-overflow: ellipsis}
.text-lowercase{text-transform: lowercase}
.text-uppercase{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.overflow-hidden{overflow: hidden}
body { 
    /*color:#666;*/
/*font-weight: 300;*/
    
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option,button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;border: none;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
dl,dt{font-weight: normal;}
a {color:#666; text-decoration:none;} 
a:focus,input, button, textarea, select{outline:0;} 
a:hover{text-decoration: none;}
textarea{resize: none;}
img{max-width: 100%;}

.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
.imgfd{overflow: hidden;width: 100%;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}

.pagination > li > a, .pagination > li > span{padding: 0 12px;border: 1px solid #bbb;color: #000;margin-right: 8px;display: block;font-size: 14px;text-align: center;line-height: 30px;}
.pagination li.first,.pagination li.last{display: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #2b7de1;border-color: #2b7de1;color: #fff;}
.pagination > li > a:hover{color: #2b7de1;}
.pagination li{float: left;}
.pagination{margin: 0;margin-top: 50px;display: inline-block;}
.digg{text-align: center;width: 100%;}
@media (max-width: 600px){
	.pagination{margin-top: 30px;}
}
.center{width: 1740px;margin: 0 auto;}
.center2{width: 1440px;margin: 0 auto;}
@media (max-width: 1740px){.center{width: 100%;}.center2{width: 96%;}}
@media (max-width: 1540px){}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
::-webkit-scrollbar{background: #f4f4f4;width: 8px;height: 8px}
::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, .2);width: 8px;height: 8px;border-radius: 8px}
::-webkit-scrollbar-track{border-radius: 8px}
input:-webkit-autofill{box-shadow: inset 0 0 0 1000px #fff!important}
svg.icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden}
.unable-to-interact{cursor: not-allowed;pointer-events: none}
@media only screen and (max-width:1440px){.h1{font-size: 32px}
.h2{font-size: 26px}
.h3{font-size: 22px}
.h4{font-size: 18px}
.h5{font-size: 16px}
.h6{font-size: 14px}}
@media only screen and (max-width:960px){.h1{font-size: 26px}
.h2{font-size: 21px}
.h3{font-size: 18px}
.h4{font-size: 16px}
.h5{font-size: 15px}}
@media only screen and (max-width:640px){.h1{font-size: 22px}
.h2{font-size: 19px}
.h3{font-size: 16px}
.h4{font-size: 15px}
.h5{font-size: 14px}
.h6{font-size: 13px}}
@-webkit-keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@-webkit-keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@-webkit-keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
@keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
.v-container{opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s}
.v-container.ready{opacity: 1;visibility: visible}
.el-message-box{max-width: 94%}
@media only screen and (max-width:640px){.el-cascader-menu{min-width: 100px}
.el-cascader-menu .el-cascader-node__label{font-size: 12px}
.el-cascader-menu .el-cascader-node__postfix{right: 6px;font-size: 12px}
.el-cascader-menu .el-cascader-node__prefix{left: 6px;font-size: 12px;display: none}
.el-cascader-menu .el-cascader-node{padding: 0 16px 0 0;line-height: 28px;height: 28px}}
.iconfont{font-family: iconfont!important;font-size: inherit;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.magnifierRentgen{box-sizing: border-box;overflow: hidden;position: relative;width: 100%}
.magnifierRentgen .magnifier-loupe{overflow: hidden;position: absolute;border-radius: 50%;top: 0;left: 0;box-shadow: 0 0 8px rgba(0, 0, 0, .3);cursor: none;transform: scale(1);display: none}
.c-notification{position: fixed;right: 0;top: 24px;z-index: 9999;max-width: calc(100vw - 32px);margin-right: 24px}
.c-notification-notice{position: relative;padding: 16px 24px;width: 384px;margin-bottom: 16px;margin-left: auto;overflow: hidden;background: #fff;border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);-webkit-animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1)}
.c-notification-notice .c-notification-notice-content{position: relative}
.c-notification-notice .c-notification-notice-with-icon{padding-left: 48px}
.c-notification-notice .c-notification-notice-with-icon .c-notification-notice-description{margin-top: 4px}
.c-notification-notice .c-notification-notice-icon{position: absolute;left: 0;margin-left: 4px;font-size: 24px;line-height: 24px}
.c-notification-notice .c-notification-notice-icon .icon-success{color: #52c41a}
.c-notification-notice .c-notification-notice-icon .icon-info{color: #1890ff}
.c-notification-notice .c-notification-notice-icon .icon-warning{color: #faad14}
.c-notification-notice .c-notification-notice-icon .icon-error{color: #ff4d4f}
.c-notification-notice .c-notification-notice-message{color: rgba(0, 0, 0, .85);font-size: 16px;line-height: 24px;padding-right: 24px}
.c-notification-notice .c-notification-notice-description{font-size: 14px;margin-top: 8px}
.c-notification-notice .c-notification-notice-close{position: absolute;top: 20px;right: 24px;color: #000;outline: none;font-size: 16px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s}
.c-notification-notice .c-notification-notice-close:hover{opacity: 1}
@-webkit-keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
@keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
.c-modal{position: relative;z-index: 1;background-color: #fff;margin: 0 auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);-webkit-animation: scaleIn .2s ease-in;animation: scaleIn .2s ease-in;border-radius: 5px;overflow: hidden}
.c-modal-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;display: flex;flex-wrap: wrap;align-items: center;-webkit-animation: fadeIn .2s ease-in;animation: fadeIn .2s ease-in;transition: opacity .2s, visibility .2s}
.c-modal-wrap.c-modal-wrap-hide{opacity: 0;visibility: hidden}
.c-modal-mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-color: rgba(0, 0, 0, .45);cursor: pointer}
.c-modal-content{max-width: 92vw;max-height: 84vh;overflow-y: auto}
.c-modal-close{position: absolute;right: 20px;top: 20px;z-index: 2;font-size: 24px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s, transform .3s;color: #000}
.c-modal-content-img a{display: block}
.c-modal-content-img img{max-width: 100%}
.c-modal-content-video video{width: 800px;max-width: 100%;display: block}
.c-modal-content-videojs{width: 800px;padding-bottom: 56.25%;max-width: 100%}
.c-modal-content-videojs .video-js{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.shop-modal .c-modal{width: 560px;max-width: 92%;padding: 48px 2% 60px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);text-align: center}
.shop-modal .c-modal-content{max-width: 100%;max-height: 100%}
.shop-modal .c-modal-mask{opacity: 0}
.shop-modal .title{font-size: 20px;color: #000;margin-bottom: 4px}
.shop-modal .tit{color: #999}
.shop-modal .list{margin-top: 40px;justify-content: space-between}
.shop-modal .icon{width: 120px;display: block;margin-bottom: 12px}
.login-modal .c-modal{width: 450px;max-width: 92%;padding: 50px 60px;text-align: center}
.login-modal .c-modal-content{max-width: 100%;max-height: 100%}
.login-modal .c-modal-close{display: none}
.login-modal .title{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 40px}
.login-modal .header{justify-content: center;font-size: 18px;border-bottom: 1px solid #eee;margin-bottom: 24px}
.login-modal .header .item{margin-right: 60px;font-weight: 500;color: #000;padding: 0 12px 12px;position: relative;cursor: pointer}
.login-modal .header .item.active{color: #2b7de1}
.login-modal .header .item.active:after{opacity: 1}
.login-modal .header .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #2b7de1;opacity: 0}
.login-modal .header .item:last-of-type{margin-right: 0}
.login-modal .links{justify-content: space-between;padding-top: 4px}
.login-modal .form{text-align: left;font-size: 14px}
.login-modal .form ::-moz-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form ::-webkit-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form :-ms-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form .item{margin-bottom: 16px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #eee}
.login-modal .form .item.mb0{margin-bottom: 0}
.login-modal .form .label{width: 64px;line-height: 44px;padding: 0 8px}
.login-modal .form .input{width: calc(100% - 64px);height: 44px;border: none;padding: 0;outline: none;background: none;color: #000;font-size: 14px}
.login-modal .form .submit{background: #2b7de1;border: none;outline: none;padding: 0;width: 100%;height: 48px;color: #fff;font-size: 18px;cursor: pointer}
.login-modal .social{margin-top: 40px}
.login-modal .social .tit{text-align: center;justify-content: center;position: relative;font-size: 16px;margin-bottom: 30px}
.login-modal .social .tit:after{content: "";position: absolute;width: 100%;height: 1px;z-index: 0;background-color: #e8e8e8}
.login-modal .social .tit span{padding: 0 16px;background-color: #fff;position: relative;z-index: 1}
.login-modal .social .btns{justify-content: center}
.login-modal .social .btn{font-size: 20px;width: 36px;line-height: 36px;height: 36px;text-align: center;color: #fff;border-radius: 50%;background-color: #6fa3f5;margin-right: 24px}
.login-modal .social .btn:last-of-type{margin-right: 0}
.login-modal .social .btn.weixin{background-color: #49b844}
.login-modal .social .btn.weibo{background-color: #e6162d}
@media only screen and (min-width:961px){.c-modal-close:hover{opacity: 1;transform: rotate(180deg)}}
@media only screen and (max-width:1440px){.login-modal .title{font-size: 20px;margin-bottom: 30px}
.login-modal .header{margin-bottom: 16px}
.login-modal .header .item{margin-right: 48px;padding: 0 8px 8px;font-size: 16px}
.login-modal .c-modal{width: 400px;padding: 40px}
.login-modal .form .submit{line-height: 44px;font-size: 16px}
.login-modal .social{margin-top: 30px}
.login-modal .social .tit{font-size: 14px;margin-bottom: 24px}}
@media only screen and (max-width:640px){.c-modal-content{max-width: 80vw;max-height: 72vh}
.c-modal-close{padding: 4px;top: 16px;right: 16px}
.shop-modal .c-modal{padding: 32px 4% 40px}
.shop-modal .title{font-size: 18px}
.shop-modal .tit{font-size: 12px}
.shop-modal .item{width: 27%;font-size: 12px}
.shop-modal .icon{width: 100%;margin-bottom: 8px}
.shop-modal .list{margin-top: 28px}
.login-modal .title{font-size: 18px;margin-bottom: 24px}
.login-modal .c-modal{padding: 32px}}
.c-empty{padding: 40px 0;font-size: 14px;text-align: center;color: rgba(0, 0, 0, .25)}
.c-empty-image{height: 40px;margin-bottom: 8px}
.c-empty-image svg{height: 100%}
.c-empty-img-simple .c-empty-img-simple-ellipse{fill: #f5f5f5}
.c-empty-img-simple .c-empty-img-simple-g{stroke: #d9d9d9}
.c-empty-img-simple .c-empty-img-simple-path{fill: #fafafa}
.c-empty-footer{margin-top: 16px}
.c-pagination{display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 30px;justify-content: flex-start;font-weight: 400}
.c-pagination.center{justify-content: center}
.c-pagination.type-a .c-pagination-item{background: none;color: #fff}
.c-pagination.type-a .c-pagination-item.active{background-color: #2b7de1}
.c-pagination-item{display: block;font-size: 14px;line-height: 28px;background: #fff;border: 1px solid #ddd;padding: 0 10px;margin-right: 8px;margin-top: 8px;color: #999;transition: all .3s ease-out}
.c-pagination-item.disabled{cursor: not-allowed;color: #999;opacity: .4}
.c-pagination-item:last-of-type{margin-left: 0}
.c-pagination-item.active{color: #fff;background-color: #2b7de1;border-color: #2b7de1}
@media only screen and (min-width:641px){.c-pagination-item:not(.disabled):hover{color: #fff;background-color: #2b7de1;border-color: #2b7de1}}
@media only screen and (max-width:640px){.c-pagination{margin-top: 24px}}
.c-dropdown{position: absolute;z-index: 0;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;padding: 10px}
.c-dropdown:after,
.c-dropdown:before{content: "";position: absolute;z-index: 1;width: 0;height: 0}
.c-dropdown-wrap{position: relative;z-index: 1}
.c-dropdown-main{border: 1px solid #ebeef5;z-index: 0;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)}
.c-dropdown-main,
.c-dropdown-menu{background-color: #fff;position: relative}
.c-dropdown-menu{padding: 6px 0;text-align: left;outline: none;min-width: 120px}
.c-dropdown-menu-item{padding: 6px 12px;display: block;color: rgba(0, 0, 0, .65);background-color: #fff;font-size: 14px;transition: background-color .3s}
.c-dropdown-menu-item:hover{background-color: #f5f5f5}
.c-dropdown-placement-bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, 100%)}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomCenter:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-bottomLeft{bottom: 0;left: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomLeft:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{left: 24px}
.c-dropdown-placement-bottomRight{bottom: 0;right: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomRight:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{right: 24px}
.c-dropdown-placement-topCenter{top: 0;left: 50%;transform: translate(-50%, -100%)}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topCenter:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-topLeft{top: 0;left: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topLeft:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{left: 24px}
.c-dropdown-placement-topRight{top: 0;right: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topRight:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{right: 24px}
.c-dropdown-placement-leftCenter{left: 0;padding: 20px;top: 50%;transform: translate(-100%, -50%)}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftCenter:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{top: 50%;margin-top: -6px}
.c-dropdown-placement-leftTop{left: 0;padding: 20px;top: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftTop:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{top: 40px}
.c-dropdown-placement-leftBottom{left: 0;padding: 20px;bottom: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftBottom:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{bottom: 40px}
@media only screen and (min-width:961px){.c-dropdown-wrap:hover .c-dropdown{opacity: 1;visibility: visible}}
@media only screen and (max-width:960px){.c-dropdown-wrap .c-dropdown{opacity: 1;visibility: visible;display: none}
.c-dropdown-wrap.mOn .c-dropdown{display: block;-webkit-animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1)}}
.crumb-nav{font-size: 14px}
.crumb-nav-link{color: #aaa;position: relative;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;flex-wrap: wrap;align-items: center;margin-right: 10px}
.crumb-nav-link:after{content: "\E6A4";font-family: iconfont!important;font-size: 12px;line-height: 1;font-style: normal;margin-left: 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.crumb-nav-active{max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333}
@media only screen and (max-width:640px){.crumb-nav{font-size: 12px}}
.sy-ban .swiper-container{opacity: 0;transition: opacity .4s ease}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-prev{left: 0;transform: translateX(-60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next{right: 0;transform: translateX(60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #2b7de1}
.swiper-button-next:hover,.swiper-button-prev:hover{
    background: rgba(0,0,0,0.1) !important;
}
.swiper-container .iconfont:hover{
    /*color: red !important;*/
}
.swiper-container{
    display: flex;
}
.swiper-slide{box-sizing: border-box;overflow: hidden}
.swiper-button-next,
.swiper-button-prev{outline: none}
.swiper-pagination-box{
    position: absolute;
    top: 50%;
    height: 300px;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    z-index: 3;
}
.swiper-pagination-box-dian{
    
    /*width: 1320px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.swiper-pagination-box-txt{
     position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.swiper-container .swiper-text{
    font-size: 40px;
}
.swiper-pagination{
    position: absolute;
    /*height: 50px;*/
    min-height: 50px;
    /*transform: translateY(50%);*/
    /*-webkit-transform: translateY(50%);*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    
}

.swiper-txt{
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    
    
}
.swiper-txt-intro{
    font-size: var(--first-level-font);
    line-height: var(--first-level-font-h);
}
.web_attr_13{
    color: #000;
    font-weight: 600;
    font-size: 10px !important;
}
.lists_web_attr_13{
    color: #000;
    font-weight: 600;
    position: absolute;
    height: 100%;
    margin-bottom: 0px;
    font-size: 10px !important;
    font-weight: 600;
}
.lists_web_attr_13_txt{
    position: absolute;
    bottom: 80px;
}
.swiper-p-box{
    position: absolute !important;
    height: 100% !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.swiper-slide-img:nth-child(1){*/
/*    background: #6b3232;*/
/*}*/
/*.swiper-slide-img:nth-child(2){*/
/*    background: #52c3aa;*/
/*}*/
/*.swiper-slide-img:nth-child(3){*/
/*    background: #c8aa31;*/
/*}*/
.swiper-pagination-bullet{
    width: 8px;
    height: 8px !important;
    border: 2px solid #666;
    opacity: 1;
    background: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.swiper-pagination-bullet-active{
    background: #666 !important;
}










.swiper-pagination.typea{bottom: 6%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typea .swiper-pagination-bullet{width: 16px;height: 16px;border: 1px solid transparent;background-color: transparent;opacity: 1;position: relative;transition: all .3s}
.swiper-pagination.typea .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;margin: -3px 0 0 -3px;transform: scale(.85)}
.swiper-pagination.typea .swiper-pagination-bullet-active{border-color: #fff;background-color: transparent}
.swiper-pagination.typea.swiper-pagination-bullets .swiper-pagination-bullet{}
.swiper-pagination.typeb{position: relative;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typeb .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid transparent;opacity: 1;background-color: transparent;position: relative;transition: all .3s;outline: none}
.swiper-pagination.typeb .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 4px;height: 4px;margin: -2px 0 0 -2px;background-color: #ddd;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;transform-origin: 50% 50%;transform: scale(1.5);transition: all .3s}
.swiper-pagination.typeb .swiper-pagination-bullet-active{border-color: #2b7de1;background-color: transparent;opacity: 1}
.swiper-pagination.typeb .swiper-pagination-bullet-active:after{background-color: #2b7de1;transform: scale(1)}
.swiper-pagination.typeb.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination{bottom: 5%}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet:last-child{padding-right: 0;background: none;}
.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}
.sy-ban .swiper-container-horizontal>.index-solution-pagination .swiper-pagination-bullet{margin: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination{width: 120px;bottom: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination .swiper-pagination-bullet{margin: 0}
.svg-swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../fonts/3e81ceb50031426790b2c06e4dba4243.svg) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@media only screen and (min-width:961px){.sy-ban .swiper-container.btn-typea:hover .swiper-button-next,.sy-ban .swiper-container.btn-typea:hover .swiper-button-prev{transform: translateX(0)}}
@media only screen and (max-width:1280px){.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}}
@media only screen and (max-width:1200px){.index-solution-pagination{padding: 0}
.index-solution-pagination .box{justify-content: center}
.index-solution-pagination .hr,.index-solution-pagination .picture,.index-solution-pagination .tit{display: none}
.index-solution-pagination .spot{background-color: #fff}
.index-solution-pagination .spot:after,.index-solution-pagination .spot:before{display: none}
.index-solution-pagination .swiper-pagination-bullet{width: 24px;height: 24px}}
.editor-detail{color: rgba(0, 0, 0, .65);font-size: 15px;line-height: 2;text-align: justify;text-justify: inter-ideograph}
.editor-detail h3{font-size: 24px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 16px}
.editor-detail h5{font-size: 16px;font-weight: 500;color: #000}
.editor-detail hr{margin: 24px 0}
.editor-detail p{padding: 1px 0}
.editor-detail ul{list-style: none;-webkit-padding-start: 0;padding-inline-start: 0;margin-bottom: 0}
.editor-detail ul li:before{box-sizing: border-box;content: "\2022";display: inline-block;font-size: 17px;margin-left: -24px;padding-right: 11px;text-align: right;font-weight: 700;width: 24px}
.editor-detail ul p{margin: 0}
.editor-detail ol{list-style: decimal}
.editor-detail li{margin-left: 24px;padding-top: 2px}
.editor-detail a{text-decoration: none}
.editor-detail blockquote{background-color: #f2f5fb;padding: 5px 20px;margin-left: 0;margin-right: 0;color: #243342;border-left: 5px solid #d0d6dc}
.editor-detail img{max-width: 100%}
.editor-detail.img-center img{display: block;margin: 0 auto}
.editor-detail.img-mg img{display: block;margin: 15px auto}
.editor-detail.word-type{text-indent: 2em}
.editor-detail.word-type p{margin: 20px 0}
.editor-detail.word-type p img{display: block;margin: 0 auto}
.editor-detail.word-type p:first-of-type{margin-top: 0}
.editor-detail.no-spacing p{margin: 0!important}
.article-page01{background-color: #f9f9f9;padding: 32px 0 80px}
.article-page01 .wrap{padding: 50px 64px 80px;background-color: #fff}
.article-page01 .title{font-weight: 700;color: #000;margin-bottom: 30px}
.article-page01 .content h5{font-weight: 700}
@media only screen and (max-width:1024px){.article-page01{padding: 0}
.article-page01 .wrap{width: 100%;padding: 40px 3% 0}
.article-page01 .title{margin-bottom: 20px}}
@media only screen and (max-width:640px){.editor-detail{font-size: 14px;line-height: 1.8}
.editor-detail h3{font-size: 18px;margin-bottom: 10px}
.editor-detail hr{margin: 18px 0}
.editor-detail.img-mg img{margin: 10px auto}
.editor-detail.word-type p{margin: 10px 0}}
body{opacity: 0;transition: opacity .3s}
body.isReady{opacity: 1}
.page-main{overflow: hidden}
.page-pd-sm{padding: 64px 0}
.page-pd{padding: 90px 0}
.page-pd-plus{padding: 120px 0}
.c-imghover{overflow: hidden}
.c-imghover .c-imghover-item{transition: transform .4s ease-out}
.page-dw{position: absolute;left: 0;top: -100px;z-index: -1}
@media only screen and (min-width:961px){.c-imghover:hover .c-imghover-item{transition: transform 1s ease-out;transform: scale(1.1)}}
@media only screen and (max-width:1440px){.page-pd-sm{padding: 48px 0}
.page-pd{padding: 72px 0}
.page-pd-plus{padding: 100px 0}
.page-dw{top: -80px}}
@media only screen and (max-width:1200px){.page-pd-sm{padding: 40px 0}
.page-pd{padding: 60px 0}
.page-pd-plus{padding: 80px 0}}
@media only screen and (max-width:960px){.page-main{}
.page-pd-sm{padding: 30px 0}
.page-pd{padding: 48px 0}
.page-pd-plus{padding: 60px 0}
.page-dw{top: -60px}}
@media only screen and (max-width:640px){.page-pd-sm{padding: 24px 0}
.page-pd{padding: 40px 0}
.page-pd-plus{padding: 48px 0}}
.page-header{width: 100%;padding: 0 9%;
/*position: fixed;*/
left: 0;top: 0;z-index: 9;background-color: #fff;transition: transform .3s, background-color .3s ease-in, opacity .3s .3s}
.page-header{
    /* padding-top: 20px !important; */
    height: var(--headerPcH);
}
.page-header.type-search .other,
.page-header.type-search .page-nav{opacity: 0;visibility: hidden}
.page-header.type-search .header-search{transform: translateY(0);opacity: 1;transition: opacity .3s, transform .3s}
.page-header.type-search .main{opacity: 1;transform: scaleY(1);transition-delay: 0s}
.page-header:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 0px;background-color: #333;opacity: .1;transition: opacity .3s}
.page-header .other{transition: opacity .3s, visibility .3s}

.page-header .language{margin-right: 16px}
.page-header .language .title{cursor: pointer;padding-right: 14px}
.page-header .language .title:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;z-index: 1;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, .6)}
.page-header .language .c-dropdown-menu{min-width: 90px;text-align: center}
.page-header .search,
.page-header .user{font-size: 16px;cursor: pointer}
.page-header .search:hover,
.page-header .user:hover{color: #2b7de1}
.page-header .hr{width: 1px;height: 12px;background-color: #ccc;margin: 0 12px}
.page-header .shop{line-height: 16px;padding: 8px 16px;background-image: linear-gradient(#3f76fe, #2141c0);color: #fff;border-radius: 16px;margin-left: 48px}
.page-header .shop .iconfont{font-size: 16px;margin-right: 4px}

.page-header .shop .title:after{content: "";display: block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;margin-left: 4px}
.page-header .shop .logo{height: 24px;display: block;margin: 0 auto}
.page-header .shop .c-dropdown-menu-item{padding: 8px 20px}
.page-header-zw{height: 80px;display: none}
.page-header-zw.show,
.page-logo{display: block}
.page-logo{position: relative;display:flex;align-items:center;}
.page-logo .img,.page-logo .img-w{height: 75px!important;transition: opacity .3s}
.page-logo .img-w{position: absolute;left: -30px;top: 0;z-index: 0;opacity: 0;}
.page-nav{margin-left: auto;position: relative;z-index: 1;transition: opacity .3s, visibility .3s}
.page-nav .item{margin-right: 40px;position: relative}
.page-nav .item.on .link{color: #2b7de1}
.page-nav .item.on .link:after{transform: scaleX(1);opacity: 1}
.page-header .item:last-child:before{content: '';display: block;width: 20px;height:20px;background-size:100% 100%;position:absolute;left:-10px;top:50%;margin-top:-10px;}
.page-header.typea .item:last-child:before{background-size:100% 100%;}
.page-header .item:last-child:hover:before{background-size:100% 100%;}
.page-nav .link{

    height: 45px;
    display: flex;flex-wrap: wrap;align-items: center;text-align: center;position: relative;padding: 0 12px;font-size: 16.6px;
    /*color: #333;*/
    text-transform: uppercase;
    /*font-weight: bold;*/
    line-height: 20.75px;overflow: hidden;
}
.page-nav .link:after{content: "";position: absolute;left: 0;bottom: 0;background: #2b7de1;width: 100%;height: 2px;transform: scaleX(0);opacity: 0;transition: opacity .3s, transform .3s}
.page-subnav{position: absolute;left: 0;top: 80px;width: 300px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: center top;transition: transform .3s, opacity .3s, visibility .3s;}
.page-subnav .slink{display: block;font-size: 15px;padding: 14px 16px;color: #666;background: #fff;position: relative;transition: background-color .4s, color .4s;text-align: left}
.page-subnav .slink:before{content: "";display: block;height: 1px;background: #f6f6f6;position: absolute;top: 0;left: 10%;width: 80%}
.page-subnav .slink:first-of-type:before{opacity: 0}
.page-subnav .slink:hover{background: #f6f6f6;color: #2b7de1}
.header-search{position: absolute;top: 0;left: 50%;width: 700px;margin-left: -350px;z-index: 1;opacity: 0;transform: translateY(-100%);transition: opacity .3s, transform .3s}
.header-search .form{padding: 25px 20px;background-color: #fff}
.header-search .submit{background: url(../images/icon-search.png) no-repeat 50%;border: none;outline: none;padding: 0;width: 24px;height: 50px;background-size: 22px;cursor: pointer}
.header-search .input{width: calc(100% - 48px);height: 50px;border: none;padding: 0 20px;font-size: 16px;outline: none;color: #333}
.header-search .main{position: absolute;left: 0;top: 100px;z-index: 0;padding: 20px 32px;width: 100%;background-color: #fff;border-top: 1px solid #eee;transform: scaleY(0);transform-origin: center top;opacity: 0;transition: opacity .3s, transform .3s}
.header-search .tit{font-size: 12px;color: #999;margin-bottom: 20px}
.header-search .item{margin-bottom: 12px}
.header-search .search-off{width: 24px;font-size: 24px;text-align: center;line-height: 1;cursor: pointer}
.header-search-bg{position: fixed;left: 0;bottom: 0;z-index: 8;background-color: #000;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;cursor: pointer}
.header-search-bg.show{opacity: .5;visibility: visible}
.page-nava{position: fixed;left: 0;top: 0;z-index: 7;width: 100%;height: 100%;transition: opacity .4s ease-out, visibility .4s ease-out;opacity: 0;visibility: hidden;background-color: #fff}
.page-nava.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item{padding: 100px 4% 40px;height: calc(100vh - 50px);align-items: flex-start;position: absolute;left: 0;top: 100px;z-index: 1;width: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .4s ease-out, visibility .4s ease-out}
.page-nava .item.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item.on .main,
.page-nava .item.on .side{transform: translateY(0);transition-timing-function: ease-in}
.page-nava .side{width: 28%;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .side .sitem{display: flex;flex-wrap: wrap;overflow: hidden}
.page-nava .side .link{font-size: 32px;font-weight: 300;color: grey;position: relative;line-height: 1.25;padding-bottom: 10px;margin-bottom: 40px;padding-left: 20px;transform: translateX(-20px);transition: transform .3s, color .3s;letter-spacing: 2px}
.page-nava .side .link:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 2px;background-color: grey;transform-origin: left center;transition: width .3s, background-color .3s}
.page-nava .main{width: 72%;padding-right: 110px;align-items: flex-start;justify-content: space-between;position: relative;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .main .block{width: calc(50% - 20px);display: flex;flex-wrap: wrap;justify-content: space-between}
.page-nava .main .tit{font-size: 16px;margin-top: 18px;width: 100%}
.page-nava .close{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: absolute;right: 4%;top: 30px;z-index: 0;width: 50px;height: 50px;font-size: 20px;color: #444;cursor: pointer}
.page-nava .close:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, .15);border-radius: 50%;transition: transform .3s}
.page-nava .box1{position: relative;display: block;margin-top: 40px;overflow: hidden}
.page-nava .box1:first-of-type{margin-top: 0}
.page-nava .box1:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background-color: rgba(0, 0, 0, .33);opacity: 0;transition: opacity .3s}
.page-nava .box1 .img{width: 100%;transition: transform .3s;position: relative;z-index: 0}
.page-nava .box1 .btn{width: 168px;line-height: 48px;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -84px;margin-top: -24px;background-color: #2b7de1;color: #fff;text-align: center;border-radius: 24px;font-size: 17px;transform: translateY(50px);opacity: 0;transition: transform .3s, opacity .3s}
.page-nava .box1 .title{font-size: 24px;color: #fff;padding: 24px 30px}
.page-nava .box1 .title,
.page-nava .box1:before{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%}
.page-nava .box1:before{content: "";height: 40%;opacity: .4;background-image: linear-gradient(transparent, #000)}
.page-nava .wrap1{width: calc(50% - 20px);margin-top: 40px}
.page-nava .wrap1:first-of-type,
.page-nava .wrap1:nth-of-type(2){margin-top: 0}
.page-nava .box2{display: block;background-color: #f4f4f4;position: relative;padding-bottom: 100%;overflow: hidden}
.page-nava .box2 .img{max-width: 70%;max-height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform .3s ease-out}
@media only screen and (min-width:1025px){.page-header.typea:not(.typeanot){background-color: transparent;}
/*.page-header.typea:not(.typeanot) .page-nav .item:nth-child(2) .link{background: url(../images/ic08.png) no-repeat right;}*/
/*.page-header.typea:not(.typeanot):hover .page-nav .item:nth-child(2) .link{background: url(../images/ic07.png) no-repeat right;}*/
.page-header.typea:not(.typeanot):after{background-color: #fff;opacity: .3;}
.h-lang a{color: #333;border: 1px solid #333;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.h-lang a:hover,.page-header.typea:not(.typeanot):hover .h-lang a:hover{border: 1px solid #2b7de1;background: #2b7de1;color: #fff;}
.page-header.typea:not(.typeanot) .h-lang a{color: #fff;border: 1px solid #fff;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.page-header.typea:not(.typeanot):hover .h-lang a{color: #333;border: 1px solid #333;}
/*.page-header.typea:not(.typeanot) .xiala-fl{background: url(../images/ic15.png) no-repeat center;}*/
/*.page-header.typea:not(.typeanot):hover .xiala-fl{background: url(../images/ic14.png) no-repeat center;}*/
.page-header.typea:not(.typeanot) .page-logo .img{opacity: 0}
.page-header.typea:not(.typeanot) .page-logo .img-w{opacity: 1}
.page-header.typea:not(.typeanot) .language .title,.page-header.typea:not(.typeanot) .page-nav .link{
    /*color: #000*/
    
}
.page-header.typea:not(.typeanot) .language .title:after{border-top-color: #fff}
.page-header.typea:not(.typeanot) .search,.page-header.typea:not(.typeanot) .user{color: #fff}
.page-header.typea:not(.typeanot) .hr,.page-header.typea:not(.typeanot):hover{
    /* background-color: #fff */
}
.page-header.typea:not(.typeanot):hover:after{opacity: .1}
.page-header.typea:not(.typeanot):hover .page-logo .img{opacity: 1}
.page-header.typea:not(.typeanot):hover .page-logo .img-w{opacity: 0}
.page-header.typea:not(.typeanot):hover .page-nav .link{
    /* color: rgba(0, 0, 0, .6) */
}
.page-header.typea:not(.typeanot):hover .page-nav .item.on .link,.page-header.typea:not(.typeanot):hover .page-nav .link:hover{
    /* color: #2b7de1 */
}
.page-header.typea:not(.typeanot):hover .language .title{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .language .title:after{border-top-color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .search,.page-header.typea:not(.typeanot):hover .user{
    color: rgba(0, 0, 0, .6)
}
.page-header.typea:not(.typeanot):hover .hr{background-color: #ccc}

.page-header .page-logo .img{
    margin-left: -30px;
}
.page-nav .item:hover .link{
    /*color: #2b7de1;*/
    
}
.page-nav .item:hover .link:after{
    transform: scaleX(1);opacity: 1;
    
}
.page-nav .item:hover .page-subnav{transform: scaleY(1);opacity: 1;visibility: visible}
.page-nava .side .link:hover{transform: translateX(0);color: #2b7de1}
.page-nava .side .link:hover:after{width: 100%;background-color: #2b7de1}
.page-nava .close:hover:after{transform: scale(1.1)}
.page-nava .box1:hover:after{opacity: 1}
.page-nava .box1:hover .btn{opacity: 1;transform: translateY(0)}
.page-nava .box1:hover .img{transform: scale(1.1)}
.page-nava .box2:hover .img{transform: translate(-50%, -50%) scale(1.1)}}
@media only screen and (max-width:1600px){.page-header{padding: 0 3%}
.page-nav .item{margin-right: 40px}
.page-nava .item{padding: 80px 3% 30px}
.page-nava .side .link{font-size: 28px;margin-bottom: 32px}
.page-nava .side .link:after{width: 48px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 128px;line-height: 40px;border-radius: 20px;font-size: 15px}
.page-nava .main .block{width: calc(50% - 17px)}
.page-nava .box1,.page-nava .wrap1{margin-top: 34px}
.page-nava .close{right: 3%;top: 24px}}
@media only screen and (max-width:1440px){.page-logo .img,.page-logo .img-w{height: 32px}
.page-nav .item{margin-right: 32px}
.page-nav .link{height: 40px;padding: 0}
.page-header .shop{font-size: 12px;margin-left: 20px}
.page-header .shop .iconfont{font-size: 14px}
.page-header .shop .title:after{display: none}
.page-subnav{width: 120px;top: 80px}
.page-subnav .slink{font-size: 13px;padding: 8px 16px}
.header-search{width: 520px;margin-left: -260px}
.header-search .form{padding: 20px}
.header-search .input{height: 40px;font-size: 14px;padding: 0 16px}
.header-search .submit{height: 40px}
.header-search .main{top: 80px;padding: 20px 24px}
.page-nava .item{top: 80px;height: calc(100vh - 80px)}
.page-header-zw{height: 80px}
.page-header .item:last-child:before{width: 16px;height:16px;left:-19px;top:51%;}}
@media only screen and (max-width:1280px){.page-nava .item{padding: 60px 3% 20px}
.page-nava .side .link{font-size: 24px;letter-spacing: 0;padding-bottom: 8px;margin-bottom: 28px}
.page-nava .side .link:after{width: 44px;height: 1px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 120px;line-height: 36px;border-radius: 18px;font-size: 14px}
.page-nava .main{margin-left: auto}
.page-nava .main .block{width: calc(50% - 12px)}
.page-nava .main .tit{margin-top: 12px;font-size: 14px}
.page-nava .box1{margin-top: 24px}
.page-nava .wrap1{margin-top: 32px}
.page-nava .main{max-width: 800px}}
@media only screen and (max-width:1200px){.page-header .language{margin-right: 12px}
.page-header .hr{margin: 0 8px}
.page-header .shop{margin-left: 16px}
.page-nav .item{margin-right: 16px}}
@media only screen and (max-width:1024px){.page-logo .img,.page-logo .img-w{height: 26px}
.page-nav,.page-nava{display: none}
.page-header{padding-right: 0}
.page-header .shop{display: none}
.page-header .other{margin-left: auto;margin-right: 45px}
.page-header .hr,.page-header .search{display: none}
.page-header .user .iconfont{display: block;width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 22px}
.page-header .language{margin-right: 0}
.page-header .language .title{width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 17px;padding: 0}
.page-header .language .title:after{display: none}
.page-header-zw{display: none!important}}

.mbnav-btn{
    width: 60px;height: 90px;
    position: absolute;right: 0;top: 0;cursor: pointer;overflow: hidden;transition: all .4s ease-out;display: none
    
}
.mbnav-btn-list{width: 30px;height: 18px;position: absolute;
    /* top: 21px; */
    right: 20px
}
.mbnav-btn-item{position: absolute;right: 0;width: 100%;height: 2px;background-color: #666;border-radius: 1px;border-radius: 1.5px;transition: all .3s}
.mbnav-btn-item:first-of-type{top: 0}
.mbnav-btn-item:nth-of-type(2){top: 8px}
.mbnav-btn-item:nth-of-type(3){
    width: 100% !important;
    top: 16px}
.mbnav{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;overflow: hidden}
.mbnav ::-webkit-scrollbar{width: 0;height: 0;background-color: hsla(0, 0%, 100%, 0)}
.mbnav .data{display: none}
.mbnav .bg{left: 0;bottom: 0;z-index: 0}
.mbnav .bg,
.mbnav .main{position: absolute;top: 0;right: 0}
.mbnav .main{
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);overflow: hidden;transform: translateX(100%);transition: transform .3s;
    
}
.mbnav .header{background-color: #2b7de1}
.mbnav .search{display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;height: 60px;line-height: 60px;border-bottom: none;background: #2b7de1}
.mbnav .search .submit{background: none;padding: 0;width: 22px;background-size: 20px;font-size: 22px}
.mbnav .search .input,
.mbnav .search .submit{border: none;outline: none;height: 60px;color: #fff}
.mbnav .search .input{width: calc(100% - 22px);line-height: 1.5;padding: 0 0 0 12px;font-size: 16px;background: none}
.mbnav .search ::-moz-placeholder{color: #fff}
.mbnav .search ::-webkit-input-placeholder{color: #fff}
.mbnav .search :-ms-input-placeholder{color: #fff}
.mbnav .item
{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 15px;border-bottom: 1px solid #f2f2f2;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
.mbnav .item.sub{padding-right: 40px}
.mbnav .item.sub:after{position: absolute;right: 16px;top: 50%;margin-top: -7px;content: "\E6A4";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mbnav .slist{position: fixed;top: 0;right: 0;z-index: 1;width: 240px;height: 100%;transform: translateX(100%)}
.mbnav .sitem{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s, transform .3s}
.mbnav .sitem.active{transform: translateX(-100%);opacity: 1;visibility: visible}
.mbnav .tit{font-size: 16px;line-height: 60px;padding-right: 20px;padding-left: 40px;text-align: right;background-size: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #f2f2f2;position: relative}
.mbnav .tit:before{position: absolute;left: 16px;top: 50%;margin-top: -7px;content: "\E6DB";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
@-webkit-keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@-webkit-keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@-webkit-keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@-webkit-keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@media only screen and (max-width:1024px){.mbnav-btn{display: block}
body.mbNavOpen .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animon .4s linear forwards;animation: phone-navtop-animon .4s linear forwards}
body.mbNavOpen .mbnav-btn-item:nth-of-type(2){opacity: 0}
body.mbNavOpen .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animon .4s linear forwards;animation: phone-navbottom-animon .4s linear forwards}
body.mbNavOpen .mbnav{opacity: 1;visibility: visible}
body.mbNavOpen .mbnav .main{transform: translateX(0)}
body.mbNavOpen .page-header{transform: translateX(-240px)}
body.mbNavOff .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animoff .4s linear forwards;animation: phone-navtop-animoff .4s linear forwards}
body.mbNavOff .mbnav-btn-item:nth-of-type(2){opacity: 1;transition: opacity .2s linear .2s}
body.mbNavOff .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animoff .4s linear forwards;animation: phone-navbottom-animoff .4s linear forwards}
body.mbNavOff .mbnav{opacity: 0;visibility: hidden}
body.mbNavOff .mbnav .main{transform: translateX(100%)}}
.bannerswiper{height: auto;width: 100%;overflow: hidden;}
.bannerswiper .swiper-slide{background: no-repeat 50%/cover;position: relative}
.bannerswiper .img-m{width: 100%;display: none}
.bannerswiper .video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.index-solution .main{position: absolute;left: 50%;top: 20%;z-index: 1;color: #fff;transform: translateX(-50%)}
.index-solution .wrap{max-width: 670px}
.index-solution .content,
.index-solution .more,
.index-solution .title{transform: translateY(60px);opacity: 0;transition: transform .3s, opacity .3s}
.foot-wap,.head-wap{display: none;}
.foot-wap{position: fixed;bottom: 0;left: 0;z-index: 10;background: #f2f2f2;width: 100%;}
.foot-wap li{width: 25%;float: left;text-align: center;position: relative;padding: 8px 0;cursor: pointer;}
.foot-wap li p{font-size: 14px;color: #333;margin-top: 4px;}
.foot-wap li span{color: #2b7de1;font-size: 20px;}
.foot-wap li::after{content: '';width: 1px;height: 30px;background: #dbdbdb;position: absolute;right: 0;top: 14px;}
.foot-wap li:last-child::after{display: none;}

.lang{position:relative;z-index: 99999;cursor: pointer;}
.lang i{margin-right: 10px;}
.lang a {display:block;color: #666;overflow: hidden;font-size: 14px;color: #2b7de1;}
.lang dl{width:100%;position:absolute;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.3s linear;-moz-transition:max-height 0.3s linear;transition:max-height 0.3s linear;z-index:9999;top:30px;right: 0px;background: #2b7de1;}
.lang:hover dl{max-height:300px;}
.lang dt{line-height:20px;height: 20px;overflow: hidden;display: block;margin: 5px 0;padding: 0 14px;width: 100%;text-align: left;}
.lang dt:first-child{margin-top: 8px;}.lang dt:last-child{margin-bottom: 8px;}
.lang dt img{width: 19px;}
.lang dt a{font-size:14px;display: block;color: #fff!important;}
.lang dt a:hover{text-decoration: underline;}
.lang span{padding-right:10px;display: inline-block;}
.page-header.typea:not(.typeanot) .lang a{color: #fff;}
.page-header.typea:hover .lang a{color: #2b7de1;}

/*.foot-com{background: url(../images/foot-bg.jpg) no-repeat center;background-size: cover;padding-top: 100px;display: flow-root;position: relative;height:400px}*/
.foot-com{
    height: 30vh;
    /*background: url(../images/foot-bg.jpg) no-repeat center;background-size: cover;*/
    background: #2b7de1;
    display: flex;
    align-items: center;
    position: relative;
    color: #ffffff;
}

.foot-com>.center2{
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.foot-com>.center2>div:first-child{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.foot-com>.center2>div{
    /*padding: 20px 10px;*/
}
.foot-com>.center2 .miaos{
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.foot-com>.center2 .miaos>div:last-child>p:last-child{
    white-space: nowrap;
}
.foot-com>.center2 .bg>ul>li>ul{
    display: flex;
    align-items: center;
}

.foot-com .copy .wz{font-size: 14px;color: #aaa;}.foot-com .copy .wz a{color: #aaa;}.foot-com .copy .wz a:hover{color: #fff;}
.foot-com .copy{border-top: 1px solid rgba(255,255,255,0.3);margin-top: 65px;}
.top-t{position: absolute;bottom: 200px;right: 16px;z-index: 1;}
.top-t .b_top span{width: 54px;height: 54px;background: #fff;border-radius: 500px;text-align: center;line-height: 54px;color: #2b7de1;font-size: 20px;display: block;font-weight: bold;}
.foot-com .box-fl{width: 50%;}
.foot-com .box-fl ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;overflow: hidden;}
.foot-com .box-fl li b{font-size: 17px;color: #fff;text-transform: uppercase;display: block;margin-bottom: 15px;}
.foot-com .box-fl li a{display: block;font-size: 14px;color: #aaa;line-height: 30px;}
.foot-com .box-fl li a:hover{color: #2b7de1;}
.foot-com .box-fl .bg{padding-top:70px;color:#fff}
.foot-com .box-fl .bg ul li{width:33%float:left}
.foot-com .box-fr span{display: block;font-size: 14px;color: #aaa;line-height: 30px;margin-top: 20px;}
.foot-com .box-fr .miaos{
    overflow: hidden; text-align:right;color:#fff
    
}
.foot-com .box-fr .amore{padding-top: 0;padding-bottom: 0;height: 50px;line-height: 50px}
.foot-com .fr{
    /*box-shadow: 0px 0px 2px 2px #f2f2f2;*/
    background-color: #2b7de1;
}
.foot-com .foot-bg-img{
   height: 30vh;
    /*object-fit: cover;*/
    /*background: url(../images/foot-bg-img.png) no-repeat center;background-size: cover;*/
}
@media (max-width: 1740px){
	.page-header{padding: 0 2%;}
}
@media (max-width: 1500px){
	.page-nav .item{margin-right: 20px;}
}
@media (max-width: 1200px){
	.page-logo .img, .page-logo .img-w{height: 55px!important;}
	.page-nav .link{font-size: 15px;}
	.lang a{font-size: 14px;}
	.lang i{margin-right: 4px;}
	/*.foot-com{padding-top: 50px;}*/
	.foot-com .box-fl li b{font-size: 14px;}
	.foot-com .box-fl li a,.foot-com .box-fr span{font-size: 14px;line-height: 24px;}
	.foot-com .box-fl li b{margin-bottom: 8px;}
	.foot-com .box-fl{width: 55%;}
	.foot-com .box-fr{width: 40%;}
	.foot-com .box-fl ul{height: 150px;margin-bottom: 40px;overflow: hidden;}
	.foot-com .box-fr .miaos img{max-width: 180px;}
	.foot-com .box-fr span{margin-top: 10px;}
	.foot-com .box-fl .bg p, .foot-com .box-fr .miaos2 p{font-size: 20px;}
	.foot-com .box-fl .bg i, .foot-com .box-fr .miaos2 i{font-size: 14px;margin: 8px 0 14px;}
}
@media (max-width: 1024px){
	.foot-wap{display: block;}
	
	.foot-com{display: none;}
	.waph{height: 54px;}
	.waph2{height: var(--headerH);}
	.page-header{
	    position: fixed !important;
	}
	.page-header.typea:not(.typeanot) .lang a{color: #2b7de1;}
}
@media (max-width: 540px){
	.lang a{font-size: 14px;}
	.lang dt a{font-size: 12px;}
	.lang dt{height: 16px;line-height: 16px;}
}

.follow{display:inline-block;}
.follow i{display:inline-flex;}
.follow svg{width:16px;height:16px;fill:#2b7de1;}
.follow a{display:inline-block;vertical-align:middle;margin-right:12px;float: left;background: none;}
.follow a:last-child{margin-right: 0;}

.w1200{width:1320px;max-width:1320px;margin:0 auto;padding:30px 0px}
.fw1200{max-width:1320px;margin:0 auto;}
.w1500{max-width:1200px;margin:0 auto;padding:30px 0px}
.lf{float:left;color:#000;}
.rf{float:right;}

.p10{width:10%}.p20{width:20%}.p30{width:30%}.p40{width:40%}.p50{width:50%}.p60{width:60%}.p70{width:70%}.p80{width:80%}.p90{width:90%}.p100{width:100%}
.margin{width:1920px;margin:0 auto}
.mar{margin:0 auto}


/*首页*/
.card-particulars {
  border-radius: 10px;
  display: flex;
  width: 57%;
  margin: 0 auto;
  position: relative;
  padding: 20px 10px;
  transform: translate(0,-50%);
  background: #fff;
  z-index: 1;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/

}

.card-particulars div {
  width: 25%;
  position: relative;
  text-align: center;
}

.card-particulars img {
  width: 20%;
  margin: 1rem 0;
}

.card-particulars a {
  width: 100%;
  position: relative;
  z-index: 2;
}

.card-particulars .active::after {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 10px;
  height: calc(100% + 100px);
  background: #2b7de1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.card-particulars .active p {
  position: relative;
  z-index: 2;
  color: #fff !important;
}

.about .b{background-color:rgb(42,125,225); width:2.5rem; height:0.2rem}
/*---------------------*/
/*.haibao1{width:100%;height: 869px;color:#fff}*/
/*.haibao1 ul li{width:100%;float:left; text-align:content}*/
.hb_txt{
    font-size: var(--three-level-font);
    line-height: var(--three-level-font-h);
    
}
/*.haibao1 ul li ul{padding-top:160px}*/
/*.haibao1 ul li ul li{float:left;width:30%;margin:0 auto;border-right:2px #fff solid}*/
/*.haibao1 ul li ul li img{width:40%}*/
/*---------------------*/
.hb_bat{padding-top:190px}
.hb_bat1{
    display:inline;border:1px #fff solid;padding:0.5rem 1.5rem;margin:0 auto;border-radius:5px;
    font-size: var(--six-level-font);
    line-height: var(--six-level-font-h);
    
}

.hb_bat1:hover {color: #fff !important;
    background-color: var(--blueC);
    border-color: var(--blueC);
    cursor:pointer;}
.hb_bat1 img{display: inline;width:0.75em;margin-left:10px}

.por{width:100%;}
.por_txt{
    width:100%;height:120px;
    margin: 50px 0px 50px 0px;
    padding-left:0px;padding-right:0px;
    position: relative;
}
.index_box_ptxt .por_txt{
    margin: 50px 0px 0px 0px;;
}

.ptxt{
    /*width:27%;*/
    font-size: var(--second-level-font);
    line-height: var(--second-level-font-h);
    
    height:100%;
    /*min-height: 120px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: 0px;
}

.ptxt1 {
    font-size: 10px;line-height: 16px;
    height:100%;
    /*min-height: 120px;*/
    text-align:right;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;
    position: absolute;
    right: 0px;
}
.ptxt1 .t1 { height: 2px;width: 30px;background-color: #2b7de1;}
.ptxt1 .t2 {display: flex; flex-direction: column;align-items: flex-end;}
.pro_li{width:100%;float:left;font-size:18px !important;line-height:38px !important;

    
}
.pro_li ul li{width:31%;margin:1%;float:left;position:relative;}
.pro_img{position:relative;width:100%;height:369px;}
.pro_img img{width:100%;height:369px;}
.maks{position:absolute;top:0;left:0;width:100%;height:369px;background:rgba(101,101,101,0.5);color:#fff;opacity:0;
    font-size: var(--five-level-font);
    line-height: var(--first-level-font-h);
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.maks h3{color:#fff;font-size:20px;text-align:center;padding-top:50%}
.pro_img a:hover .maks{opacity:1}
/**/
/*.zl{width:100%;height: 847px;color:#fff}*/
/*.zlsj{padding-top:100px}*/
/*.zlsj ul li{width:100%;float:left;padding:30px 0px}*/
/*.zl_txt{font-size:50px;line-height:80px;color:#000}*/
/*.zl_txt .t1{height: 2px;width: 30px;background-color: #2b7de1;}*/
/*.zl_seo h3{font-size:26px;line-height:40px;color:#000;width:50%}*/
/*.zl_bat1{width:10%;border:1px #fff solid;padding:0.75rem;border-radius:5px}*/
/*.zl_bat1:hover {color: #000;background-color: #f8f9fa;border-color: #f8f9fa;}*/
/*.zl_bat1 img{display: inline;width:1em;margin-left:10px}*/
/**/

/*.news{display:absolute}*/
/*.news_fr{width:45%;float:left;}*/
/*.news_fr ul li{width:100%;}*/
/*.news_bj{border-radius:5px;margin:10px 20px;box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2)}*/
/*.news_text{padding:30px 50px 20px 50px}*/
/*.news_text p{padding:10px 0px;font-size:20px;font-weight:700;line-height:30px}*/
.news_text_lf{
    font-size:var(--content-font) !important;padding-bottom: 5px !important;
    
    
}
.news_text_gf{
    font-size:var(--six-level-font) !important;padding-bottom: 5px !important;
    
    
}
/*.news_gr{width:55%;float:right}*/
/*.news_gr ul li{border:1px #999 solid;border-radius:5px;margin:10px 20px 18px 20px;padding:18px 30px}*/
.news_gr_txt{
    font-size:var(--five-level-font) !important;
    /*font-weight:600 !important;*/
    color: var(--dark-gray);
    line-height:30px !important;
    
    
}
/*----------------------*/
.news{
    color: black;
}
.news>div{
    margin-top: 20px;
}
.news .news_fr{
    flex: 1;
}
.news .news_fr>ul,.news .news_fr>ul>li,.news .news_fr>ul>li .news_bj,.news .news_fr>ul>li .news_bj .news_text{
    height: 100%;
}
.news_gr>ul{
    height: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    /*gap: 10px;*/
    display: grid;
   grid-template-rows: repeat(4, auto);
    grid-gap: 20px;
}
.news_text_lf,.news_text_gf{
    color: #555;
}
.news_gr>ul>li:hover{
    cursor: pointer;
    border: 1px solid #2a7de1;
}
.news_gr>ul>li{
    border: 1px solid #cecece;
    /*flex: 1;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.news_text{
    box-shadow: 0px 0px 24px 10px #f0f0f0;
}
.news_text>img{
    width: 100%;
    /*height: 356px;*/
    object-fit: contain;
}







/*---------------*/
.pro_li_1>div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}

.pro_li_1 .pro_img img{
    object-fit: cover;
}
.pro_li_honor_box{
    display: flex;
    gap: 10px;
    
    
}
.pro_li_honor_box>div{
    flex: 1;
}

.pro_li_honor_row_box>div{
    position: relative;
}
.pro_li_honor_row_box>div>img{
    position: absolute;
    width: 100%;
}
/*--------------*/
.lists_sigle_honor{
    /*gap: 10px;*/
}
.lists_sigle_honor>div{
    /*display: flex;*/
}
.lists_sigle_honor .pro_img img{
    object-fit: cover;
}
.lists_sigle_honor .row>*{
    
    padding-left: 0px;
    padding-right: 0px;
}
.lists_sigle_honor .lists_sigle_honor_box{
    /*padding: 0px;*/
}
/*----------------------*/
.about>.wBox{
    min-height:290px;
    display: flex;
    justify-content: space-between;
    
}
.about>.wBox>div:first-child>div:first-child{
    font-size: var(--three-level-font);
    line-height: var(--three-level-font-h);
    padding-bottom: 40px;
}
.about>.wBox>div:last-child>div:first-child{
    font-size: 10px;
    line-height: 16px;

}

.about>.wBox>div:last-child>div:first-child{
    font-size: 18px;
    line-height: 38px;
    padding-bottom: 40px;
}
.about>.wBox>div:last-child>div:last-child{
    font-size: 18px;
    line-height: 38px;
}

.about>.wBox>div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.haibao1-box{
    /*background: red;*/
    color:#fff
}
.haibao1-box>.haibao1,.haibao1-box>.haibao1>.mar>ul{
    
    height: var(--img-box);
}
.haibao1-box>.haibao1>.mar>ul{
   
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    
}
.haibao1-box>.haibao1>.mar>ul{
   
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.haibao1-box>.haibao1>.mar>ul>li:nth-child(1){
    
    /*font-size: 48px;*/
    /*line-height: 60px;*/
    /**/
}
.haibao1-box>.haibao1>.mar>ul>li:nth-child(2){
    display: flex;
    justify-content: center;
    font-size: var(--six-level-font);
    line-height: var(--six-level-font-h);
}
.haibao1-box>.haibao1>.mar>ul>li:nth-child(3){
    /*padding-bottom: 70px;*/
}
.haibao1-icon{
    /* width: 50%; */
    display: flex;
    justify-content: center;
}
.haibao1-icon>.hn_cen>img{
    
    max-width:var(--iconW);
    height: auto
}
.haibao1 li{
    padding: 0;
}
.hn_cen{
    height: 70%;
    border-right: 1px solid #ffffff;
}
.hn_cen>img{
    margin-top: -30px;
}
.hn_cen:last-child{
   
    border:none;
}
/**/
.zl-box>.zl,.zl-box>.zl>.mar{
    
    height: 70vh;
    width: 100%;
    color: black;
}
.zl-box>.zl>.mar{
    display: flex;
    align-content: center;
}
.zl-box>.zl>.mar>ul{
    margin: auto;
    height: 30vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.zl_txt{
    font-size: var(--three-level-font);
    line-height: var(--three-level-font-h);
    
    color: #000000;
}
.zl_seo{
    width: 30%;
    font-size: 18px;
    line-height: 38px;
    
}
.zl_bat1{
    display: inline;
}
.zl_txt .t1{height: 2px;width: 30px;background-color: #2b7de1;}
.zl_bat1{width:10%;border:1px #000000 solid;padding:0.75rem;border-radius:5px;color:#000000;
    font-size: 22px;
    line-height: 27px;
    
}
.zl_bat1:hover {color: #fff;background-color: var(--blueC);border-color: var(--blueC);cursor:pointer}
.zl_bat1 {
    font-size: var(--content-font);
    line-height: var(--content-font-h);
    padding: 10px 15px 10px 15px;
  }
.zl_bat1 img{display: inline;width:2em;margin-left:10px}
/**/




/*关于我们*/
.pro_bq ul li{width:33%;float:left}
.pro_bq_1{width:25%;float:left;font-size:26px;padding:30px 0px 15px 0; border-right:2px #999 solid}
.pro_bq_2{width:40%;float:left;font-size:26px;padding-left:13%;padding-top:30px;padding-bottom:15px; border-right:2px #999 solid}
.pro_bq_3{width:35%;float:left;font-size:26px;padding-left:10%;padding-top:30px;padding-bottom:15px; }
.pro_bq_1 p, .pro_bq_2 p, .pro_bq_3 p{font-size:60px;color:#2b7de1}
.pro_dd ul li{width:50%;float:left}

.pro_cc ul li{width:16.66%;float:left;padding:20px 0px}
.pro_cc img{
    width: 100%;
    height: auto;
}
.hb_cc{
    font-size: var(--three-level-font);
    line-height: var(--three-level-font-h);
    
}
.ry{
    float:left;display: flow-root;
    font-size: var(--six-level-font);
    line-height: var(--six-level-font-h);
    
    color: #666666;

    
}
.ry_img ul li{
    /*width:40%;*/
    float:left;
    /*padding:0px 5% 5% 5%;*/
    color: #000;}
.patent{
    padding: 30px 0px 0px 0px;
    color: black;
}

/*新闻中心*/
.pro_qq ul li{width:29%;margin:2% 2%;background:#fff;border:2px #fff solid;float:left}
.pro_qq ul li:hover {border:2px #2b7de1 solid}
.pro_qq ul li img{padding:20px 20px}

.pro_qq ul li .pro_qq_txt{
    font-size: 25px;
    padding:3px 20px;line-height:30px;
    color: #000;
    
}
.pro_qq ul li p:last-child{
    font-size: 20px;
    padding:3px 20px;line-height:38px;
    
}
.pro_qq ul li p img{padding:0px 4px;transform: translate(0,-10%)}
.ly_txt{width:100%;float:left;text-align:center;font-size:32px;}
.ly_cc{width:100%;float:left;padding:30px 0px}
.ly_cc_t1{ height: 2px;width: 30px;background-color: #2b7de1;width:5%;margin:0 auto;}
.ly_yy{width:100%;float:left;text-align:center;font-size:18px;}
.ly_xx{width:80%;margin:0 auto;padding-top:50px}
.ly_one{margin:30px 10px;}
.ly_dh input{display: block;width: 100%;line-height: 44px;border: none;border-bottom: 1px solid transparent;background-color: #f2f2f2;font-size: 16px;color: #1e1e1e; padding: 0px 20px;font-size: 16px; color: #333;outline: 0;border: none;}
.ly_cs input{display: block;width: 100%;line-height: 44px;border: none;border-bottom: 1px solid transparent;background-color: #f2f2f2;font-size: 16px;color: #1e1e1e; padding: 0px 20px;font-size: 16px; color: #333;outline: 0;border: none;height:120px}
.eyou_form_attr{
    width:100%;
        display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;margin-top:30px}
.ly_tj{
    display: inline-block;
    width:auto;margin:0 auto;
    
}
.ly_tj input{
    width: 100%;
    min-width: 140px;
    height: 50px;font-size:20px;color:#fff;background:#2b7de1;border-radius:5px;
    padding: 0px 10px;
}

/*新闻详情*/
.news_li h1{text-align:center}
.xcx{width:100%;
/*height:50px;*/
font-size:16px !important;padding-top:20px;
    padding-bottom:20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.xcx h3{float:left;margin:0px 30px;text-align:center}

/*产品*/
.cp_hb_txt{
    font-size:var(--three-level-font);line-height:var(--three-level-font-h);
    
}
.cp_hb_txt1{
    font-size:var(--six-level-font);line-height:var(--six-level-font-h);
    margin-top:25px}
.cp_bat{
    padding-top:5%;
    
}
.lists_product .lists_product_txt .w1200 > .txt>ul{
    height:100%;position: absolute;display: flex;flex-direction: column;justify-content: center;
}
.cp_bat1{
    /*width:20%;*/
    border:1px #fff solid;padding: 10px 15px 10px 15px;border-radius:5px;
    font-size:var(--six-level-font);line-height:var(--six-level-font-h);
    display: unset;
}
.cp_bat1:hover {color: #fff;background-color: var(--blueC);border-color: var(--blueC);}
.cp_bat1 img{display: inline;width:0.75em;margin-left:40px}
.pro_qx ul li{width:31%;margin:1% 1%;float:left;
    /* box-shadow:0px 0px 87px -33px #aaa; */
    /* border:2px #fff solid; */
    box-shadow: 0px 0px 65px -28px #aaa, 0px 0px 0px 2px #fff;
    
    border-radius:5px}
.pro_qx ul li:hover {
    /* border:2px #2b7de1 solid;box-shadow:0px 0px 15px */
    box-shadow: 0px 0px 15px, 0px 0px 0px 2px var(--blueC);
}
.pro_q1{
    float:left;padding-left:3%;padding-top:5%;font-size:24px;line-height:30px;
    /* font-weight: 600; */
    color: #000;
}
.pro_q1 p{padding-top:20%;}
.pro_q2{float:left}
.pro_q2 img{width:100%;padding:7% 7%}


/*产品详情*/
.cp_lm_txt{
    color:var(--blueC);
    font-size:36px !important;
    font-weight:bold;
    line-height:48px !important;
    
}
.cp_lm_txt_subtitle{
    color:var(--blueC);
    font-weight:bold;
}
.cp_lm_txt1{color:#000;font-size:24px;padding-top:2%}
.pro_px{border-bottom: 1px solid #999;margin-top:5%}
.pro_int{width:15%;padding:20px 0px;font-size:20px;margin:0 auto;color:#fff;background:#2b7de1;border-radius:5px;text-align:center}
.progress-wrap{
    font-size: 36px;
    line-height: 48px;
}
/*产品二级页面*/
.cp_too_txt{color:#000;

    
}
.cp_too_txt1{
    color:#000;
    /*font-size:18px;*/
    padding-top:4%;
    /*line-height:38px;*/
}

/*产品二级页面2*/
.pro_q5{font-size:16px;margin:0 auto;font-weight: 600;color: #000;}
.pro_q5 img{width:30%;display: block;margin: 0 auto}
.pro_q5 p{margin:10px;text-align:center;}
.pro_q5_title{
    font-size: 20px;
}
.pro_q6{float:left;padding-left:3%;padding-top:5%;font-size:20px;font-weight: 600;color: #000;}
.pro_q6_1{font-size:14px;margin-top:30%}
.pro_q6_1 p{font-size:20px;color:#2b7de1;font-weight:bold;padding-top:5px}

		.moban1 {
			/*margin-top: 20px;*/
			    position: relative;
                transform: translateY(-50%);
                z-index: 9999;
			
		}

		.moban1-flex {
			width: 90%;
			height: 200px;
			margin: auto;
			display: flex;
			flex-direction: row;
			/* justify-content: space-around; */
			box-shadow: 0px 0px 35px -6px #b0b0b0;;
			border-radius: 15px;

            background: #fff;
		}

		.moban1-item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			/*gap: 16%;*/
			width: 240px;
			height: 200px;
			/*z-index: 2;*/
			
			transition: all 0.5s;
		}
		.line{
		    height: 200px;
		    display: flex;
            align-items: center;
		}
		.line .line-child{
		    width: 1px;
		    height: 50px;
            background: #aaa;
		}
		.moban1-icon>img{
		    width: 50px;
		    height: auto;
		    object-fit: contain;
		}
	    .moban1-item-txt{
	       color: var(--dark-gray);
           font-weight: bold;
	    }

		.moban1-item>img {
			width: 50px;
			height: auto;
			transition: all 0.5s;
			opacity: 1;
			cursor: pointer;
			/*z-index: 2;*/
		}
		.moban1-item>div{
		    /*z-index: 2;*/
		    height: 70px;
            display: flex;
            flex-direction: column;
            justify-content: center;
		}

		.moban1-item-hover {
			position: absolute;
			margin-top: -25px;
			width: 240px;
			height: 250px;
			background-color: #2b7de1;
			border-radius: 15px;
			transition: all 0.5s;
			/* transform: translateX(200px); */
            display: flex;
            align-items: center;
            
		}
		.moban1-item-hover>.item-hover-box{
		    width:100%;
			height: 200px;
			display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
		}
		.moban1-item-hover>.item-hover-box .aBox{
		    width: 50px;
			height: 70px;
		}
		.moban1-item-hover>.item-hover-box>a{
		    position: absolute;
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
		}
		.moban1-item-hover>.item-hover-box>a>img{
		    width: auto;
			height: 50px;
		}
		.moban1-item-hover>.item-hover-box .showTxt{
		    height: 50px;
            display: flex;
            align-items: center;
		}
.numBox{
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-around;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.numBox>div{
    flex: 1;
    /*flex-grow: 1.1;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #858383;
}

.numBox>div:first-child{
    /*flex: 1;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.numBox>div:last-child{
    /*flex: 1;*/
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.numBox>div>div:first-child{
    font-size: 20px;
    
}

.numBox .numUp{
    color: #2b7de1;
    font-size: 72px;
    line-height: 82px;
    margin-top: 15px;
    font-weight: 550;
    display: flex;
}
.numBox .numTxt{
    font-size: 24px;
    line-height: 82px;
    
    color: #000;
}
.page-header{
    display: flex;
    justify-content: center;
    /*position: fixed;*/
    
    position: absolute;
    z-index: 9999;
}
.page-header>.page-box{
    width: 1320px;
    display: flex;
    align-content: center;
    
}
.page-header>.page-box>a{
    display: flex;
    flex-direction: column;
    justify-content: center;
}





.lists_product_box{
    position: relative;
    width: 100%;
    height: var(--bigImgH);
    max-height: var(--bigImgH);
}
.lists_product_box>.lists_product_img{
   position: absolute;
   width: 100%;
    /*height: 100%;*/
    /*display: flex;*/
    /*align-items: flex-end;*/
}
.lists_product_box>.lists_product_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.lists_product_box .lists_product_txt{
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0px;
}
.lists_product_box .lists_product_txt .w1200{
    height: 100%;
    display: flex;
    /*align-items: center;*/
}
.lists_product_box .lists_product_txt .w1200>.txt{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.why-txt{
    margin-top: 5%;
    text-align: center;
    color: black;
    
}


.index_box{
    position: relative;
    width: 100%;
    height: var(--img-box);
}
.index_box .w1200{
    padding: 0px !important;
}
.index_box .w1200 ul{
    position: absolute;
    height: 100%;
    padding: 5% 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.index_box .w1200 ul li{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.index_box .w1200 ul li:nth-child(2){
    /*display: flex;*/
    /*align-content: center;*/
}
.index_box>.lists_product_img{
   position: absolute;
   width: 100%;
   height: 100%;
}
.index_box>.lists_product_img img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_box .lists_product_txt{
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0px;
}
.index_box .lists_product_txt .w1200{
    height: 100%;
    display: flex;
    /*align-items: center;*/
}
.index_box .t1{
    margin-top: 30px;
}
.index_box .lists_product_txt .w1200>.txt{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.index_box .zl_seo{
    font-size: 18px;
    line-height: 38px;
    width: 100% !important;
    color: #000;
}
/*.index_box .lists_product_txt>div>div{*/
/*    height: 60%;*/
/*}*/
/*.index_box .lists_product_txt>div>div>ul{*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-evenly;*/
    
/*}*/
/*.index_box .lists_product_txt .zl_seo{*/
/*    width: 60%;*/
/*}*/



.hb_url{
    color: #ffffff;
}

.swiper-wrapper-box{
    width: 100%;
    height: var(--bigImgH);
}
.swiper-slide{
    position: relative;
}
.swiper-pic{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-container {
    width: 100%;
    height: var(--bigImgH);
}  

.swiper-slide:nth-child(1){
    /*background: red;*/
}
.swiper-slide:nth-child(2){
    /*background: yellow;*/
}
.swiper-slide:nth-child(3){
    /*background: green;*/
}
.swiper-slide-1{
    display: flex;
    justify-content: center;
}

.swiper-slide-1,.swiper-slide-img{
    position: absolute;
    width: 100%;
    height: 100%;
}




.fontTitleModel{
    font-size: var(--fontTitleModel) !important;
    line-height: 50px !important;
}
.card-body .row{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
.card-body .name *,.card-body .value *{
    font-size: 16px !important;
    color: #000 !important;
}
.card-body td span sapn sapn{
    font-size: 16px !important;
    color: #000 !important;
}







.video_rf{width:60%;float:left}
.video_lf{width:40%;float:left}
.video_bottom_lf{width:48%;float:left;margin-right: 2%;}
.video_bottom_rf{width:48%;float:right}
.video_img{width:100%;position:relative}
.video_img2{width:100%;position:relative}
.video_img_top{width:100%;position:relative}
.video_misk{display:none;position:absolute;width:80px;height:80px;z-index:10;left:45%;top:45%}
.video_misk1{display:none;position:absolute;width:80px;height:80px;z-index:10;left:40%;top:40%}
.video_misk2{display:none;position:absolute;width:80px;height:80px;z-index:10;left:35%;top:20%}
.video_img_top:hover .video_misk{display:block;}
.video_img:hover .video_misk1{display:block;}
.video_img2:hover .video_misk2{display:block;}
.video_txt{font-size:1em;margin:10px 0}






/*.row>*{*/
/*    padding-right: 0px !important;*/
/*}*/