@charset "utf-8";
/* CSS Document */
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}
p{margin-top:0;margin-bottom:1rem}
b,strong{font-weight: bolder;}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:none}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;}
a:not([href]):not([class]){color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
hr{box-sizing:content-box;height:0;overflow:visible}
img{vertical-align:middle;border-style:none}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
sub{vertical-align:sub}
sup{vertical-align:super}
.small,small{font-size:80%;font-weight:400}
svg{overflow:hidden;vertical-align:middle}
code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;display:block;font-size:87.5%;color:#212529;padding:.75rem}
kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -0.1rem 0 rgb(0 0 0 / 25%)}
/*other*/
blockquote{margin:0 0 1rem}
figure{margin:0 0 1rem}
template{display:none}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
[hidden]{display:none !important}
/*table*/
table{border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
.table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent}
.table:not(.table-dark){color:inherit}
.table-bordered{border: 1px solid #dee2e6;}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
/*ul+ol*/
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:bolder}
dd{margin-bottom:.5rem;margin-left:0}
/*form*/
label{display:inline-block;margin-bottom:.5rem}
label:not(.form-check-label):not(.custom-file-label){font-weight:700}
/*h*/
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:600;line-height:1.2;color:inherit}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
/*body*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;}
/*input*/
button{border: none;}
textarea{resize: none;}
input {margin:0;padding: 0;}
button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}  
input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none;  background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/*swiper*/
.swiper-button-prev,
.swiper-button-next{outline:none;}
.swiper-button-prev:after,
.swiper-button-next:after{outline:none;display:none;} 

/*hi-upgrade*/
#hi-upgrade{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;font-size:16px;line-height:26px;text-align:center}
#hi-upgrade .hi-wrap{position:absolute;top:50%;left:50%;margin:-177px 0 0 -450px;width:900px}
#hi-upgrade .hi-wrap .hi-title{font-size:30px;line-height:40px;color:#333}
#hi-upgrade .hi-wrap .hi-close{margin:10px 0;display:inline-block;cursor:pointer;font-size:18px;color:#008cd6}
#hi-upgrade .hi-wrap .hi-close:hover{text-decoration:underline}
#hi-upgrade .hi-wrap .hi-text1{color:#666}
#hi-upgrade .hi-wrap .hi-text1 span{color:#008cd6}
#hi-upgrade .hi-wrap .hi-text2{position:relative;margin:60px 0;color:#333}
#hi-upgrade .hi-wrap .hi-text2::before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;border-top:1px solid #ddd}
#hi-upgrade .hi-wrap .hi-text2 span{position:relative;z-index:5;padding:0 30px;background:#fff}
#hi-upgrade .hi-wrap .hi-list{overflow:hidden}
#hi-upgrade .hi-wrap .hi-list li{display:inline-block;width:16%}
#hi-upgrade .hi-wrap .hi-list li div{margin:0 auto 5px;width:50px;height:50px}
#hi-upgrade .hi-wrap .hi-list li a{color:#666}
#hi-upgrade .hi-wrap .hi-list li a:hover{color:#008cd6}

 /*通知系统样式*/
 .notification-container{position:fixed;top:200px;right:20px;z-index:9999}
 .notification{padding:15px;margin-bottom:10px;border-radius:4px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:300px}
 .notification.success{background-color:#000000}
 .notification.error{background-color:#dc3545}
 @keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
 @keyframes fadeOut{from{opacity:1}to{opacity:0}}

/*font-face*/
@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
/*body*/
body{font-family:"Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;}
html[lang="en-US"],html[lang="en-US"] body{font-family:Inter,"Source Han Sans SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
/*html*/
html{font-size:calc(16vw/19.2);/*font-size:16px;*/}
@media screen and (max-width:1200px){
html{font-size:14px}
}
@media screen and (max-width:540px){
html{font-size:2.59vw;font-size: clamp(14px, 2.59vw, 16px); min-width:320px;}		
}

/*container*/
.container{width:87.39583333333333%;/*width:1720px*/margin: 0 auto;}
.w1680{ width:87.5%; margin: 0 auto;}
@media screen and (max-width:1440px) {
.container{width:90%;}
}
@media screen and (max-width:1200px) {
.container{width:90%;}
.w1680{ width:90%;}
}
@media screen and (max-width:1024px){
.container{width:90%;}
.w1680{ width:90%;}
}
@media screen and (max-width:768px){
.container{width:94%;}
.w1680{ width:94%;}
}

.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;}
.absolute {position: absolute;}
.trans5{-webkit-transition:.5s;transition:.5s}



/***********************t-header***********************/
.t-header{position:fixed;top:0;left:0;z-index:900;width:100%;line-height:5rem;text-align:center;color:#fff;transition:0.4s}
.t-header.t-head-move{top:-5rem}
.t-header .container{display:flex;align-items:center;justify-content:space-between}
/*t-header style2*/
.t-header a{color:#fff;transition:0.4s}
.t-header.t-headerWhite{color:#000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.t-header.t-headerWhite a{color:#000}
@media (max-width:1580px){
.t-header{line-height:4.375rem}
}
@media (max-width:1199px){
.t-header{line-height:3.75rem;}
.t-header .container{height:3.75rem;}
.t-header.t-head-move{top:-3.75rem}
}


/*t-logo*/
.t-header .t-logo{display:flex;align-items:center}
.t-header .t-logo span{display:inline-block;margin-left:2.5rem;padding-left:1.25rem;border-left:.0625rem solid rgba(255,255,255,0.2)}
.t-header .t-logo .t-img-box{display:flex;align-items:center}
.t-header .t-logo .t-img-box img{height:2.5rem}
.t-header .t-logo .t-img-box img:nth-child(2),
.t-header .t-logo .t-img-box svg:nth-child(2){display:none}
.t-header.t-headerWhite .t-logo .t-img-box img:nth-child(1){display:none}
.t-header.t-headerWhite .t-logo .t-img-box img:nth-child(2){display:inline-block}
@media (max-width:991px){
.t-header .t-logo .t-img-box img,
.t-header .t-logo .t-img-box svg{height:40px}
}
@media (max-width:767px){
.t-header .t-logo span{display:none}
}


/*t-right*/
.t-header .t-right{display:flex;align-items:center;flex:1;justify-content:flex-end}
@media (max-width:1199px){
.t-header .t-right{padding-left:0;justify-content:flex-end}
}


/*t-nav*/
.t-header .t-nav{margin:0;padding:0;list-style:none;display:flex;align-items:center;padding-right:14.0625rem}
.t-header .t-nav .li1{position:relative;margin-right:2.5rem}
.t-header .t-nav .li1:last-child{margin-right:0}
.t-header .t-nav .li1 > .t-title-box{display:flex;align-items:center;cursor:pointer}
.t-header .t-nav .li1 > .t-title-box img,
.t-header .t-nav .li1 > .t-title-box svg{margin-left:.5rem;width:.875rem;height:.875rem;transform:rotate(90deg)}
.t-header .t-nav .li1 > .t-title-box img path,
.t-header .t-nav .li1 > .t-title-box svg path{fill:#fff;transition:all 0.4s}
.t-header .t-nav .li1 a:before{content:"";position:absolute;bottom:-0.0625rem;left:50%;width:0;height:.125rem;background:#fff;transition:0.4s; display: none;}
.t-header .t-nav li a{position:relative;display:block;-webkit-transition:0.4s;transition:0.4s;font-size:1.125rem}
.t-header .t-nav  ul{box-shadow:none}
.t-header .t-nav .li1 .t-title-box:hover a,
.t-header .t-nav .li1.on .t-title-box a{color:#008cd6; }  
@media (max-width:1580px){
.t-header .t-nav{padding-right:1rem}
.t-header .t-nav li a{font-size:1rem}
.t-header .t-nav .drop-nav{min-width:11.25rem}
}
@media (max-width:1320px){
.t-header .t-nav li a{font-size:14px}
}
@media (max-width:1260px){
.t-header .t-nav{padding-right:4.8px}
}
@media (max-width:1199px){
.t-header .t-nav{display:none}
}

/*drop-nav*/
.t-header .t-nav .drop-nav{margin:0;padding:0;list-style:none;position:absolute;top:99%;left:50%;display:none;min-width:11.25rem;line-height:3.125rem;background:#fff;box-shadow:0 .125rem .625rem rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:0 0 .625rem .625rem;}
.t-header .t-nav .drop-nav li:last-child a::before{display:none}
.t-header .t-nav .drop-nav li a{padding:0 1.25rem;color:#333; display: block;}
html[lang="en-US"] .t-header .t-nav .drop-nav li a{line-height: 1.3; padding: 0.5rem 0.5rem; text-align: center;}
.t-header .t-nav .drop-nav li a:hover{color:#008cd6; }
.t-header .t-nav .drop-nav li a::before{bottom:0;width:calc(100% - 2.5rem) !important;left:1.25rem !important;height:1px;background:rgba(0,0,0,0.1)}
.t-header.t-headerWhite .t-nav li.on > .t-title-box > a:before,
.t-header .t-nav li:hover > .t-title-box > a:before,
.t-header .t-nav li.on > a:before,
.t-header .t-nav li:hover > a:before{left:0;width:100%}
.t-header.t-headerWhite .t-nav li.on > .t-title-box svg path,
.t-header .t-nav li:hover > .t-title-box svg path{fill:#008cd6 !important}
.t-header.t-headerWhite .t-nav li .t-title-box svg path{fill:#000}
@media (max-width:1580px){
.t-header .t-nav{padding-right:1rem}
.t-header .t-nav li a{font-size:1rem}
.t-header .t-nav .drop-nav{min-width:11.25rem}
}
@media (max-width:1320px){
.t-header .t-nav li a{font-size:.875rem}
}
@media (max-width:1260px){
.t-header .t-nav{padding-right:.3rem}
}
@media (max-width:1199px){
.t-header .t-nav{display:none}
}


/*t-nav2*/
.t-header .t-nav2{margin:0;padding:0;list-style:none;position:absolute;top:3.75rem;left:0;width:100%;height:0;line-height:3.75rem;color:#333;background:#fff;overflow-y:auto;transition:0.4s;text-align:left}
.t-open .t-header .t-nav2{height:calc(100vh - 3.75rem)}
.t-header .t-nav2 li{padding:0 1.875rem}
.t-header .t-nav2 .li1:last-child{border-bottom:1px solid #f1f1f1}
.t-header .t-nav2 li{border-top:1px solid #f1f1f1}
.t-header .t-nav2 li .t-title-box{display:flex;align-items:center;justify-content:space-between;}
.t-header .t-nav2 li .t-title-box img,
.t-header .t-nav2 li .t-title-box svg{width:0.3rem;height:0.3rem;transition:all 0.4s}
.t-header .t-nav2 li .t-title-box img path,
.t-header .t-nav2 li .t-title-box svg path{fill:#333}
.t-header .t-nav2 li .t-title-box.on img,
.t-header .t-nav2 li .t-title-box.on svg{transform:rotate(90deg)}
.t-header .t-nav2 li a{color:#333;-webkit-transition:all 0.4s;transition:all 0.4s;font-size:18px}
.t-header .t-nav2 li a:hover,
.t-header .t-nav2 li.on > a{color:#008cd6}
.t-header .t-nav2 li ul{display:none;margin:0;padding:0;list-style:none;}

/*t-search*/
.t-header .t-nav2 .t-search{border-top:1px solid #f1f1f1;width:100%;height:2.625rem;display:flex;padding:0 0.4rem}
.t-header .t-nav2 .t-search .t-box{display:flex;width:100%;height:100%;border:1px solid #f1f1f1;border-radius:1000px;justify-content:space-between;margin-top:0.6rem}
.t-header .t-nav2 .t-search .t-box input{flex:1;padding:0 0.4rem}
.t-header .t-nav2 .t-search .t-box .t-btn{width:1rem;height:100%;display:flex;align-items:center;justify-content:center}
.t-header .t-nav2 .t-search .t-box .t-btn img,
.t-header .t-nav2 .t-search .t-box .t-btn svg{width:0.3rem;height:0.3rem}

/*t-function*/
.t-header .t-function{display:flex;align-items:center}
.t-header .t-function .t-search{padding-left:0.6rem;position:relative;cursor:pointer}
.t-header .t-function .t-search{border:.0625rem solid rgba(255,255,255,0.6);border-radius:62.5rem;height:2.5rem;padding-left:0;display:flex;justify-content:space-between;}
.t-header .t-function .t-search .search-cancel{position: absolute;right:3.75rem;top: 50%;margin-top:-0.625rem;cursor: pointer;}
.t-header .t-function .t-search .keyinput{height:100%;flex:1;padding:0 1.25rem;border:0; font-size:1rem;width:10rem; }
.t-header .t-function .t-search .keyinput::-webkit-input-placeholder{color:#fff}
.t-header .t-function .t-search .keyinput:-moz-placeholder{color:#fff}
.t-header .t-function .t-search .keyinput::-moz-placeholder{color:#fff}
.t-header .t-function .t-search .keyinput:-ms-input-placeholder{color:#fff}
.t-header .t-function .t-search .subinput{display:flex; width:3.75rem;height:2.5rem;align-items:center; font-size:0; background:url('../images/top-search2.png') no-repeat center center;background-size:.875rem;outline: none;border: none;}
.t-header.t-headerWhite .t-function .t-search{background-color:#f4f4f4}
.t-header.t-headerWhite .t-function .t-search .keyinput{color:#000}
.t-header.t-headerWhite .t-function .t-search .keyinput::placeholder{color:#000}
.t-header.t-headerWhite .t-function .t-search svg path{fill:#000}
.t-header.t-headerWhite .t-function .t-search .subinput{ background-image:url('../images/top-search.png');}
@media (max-width:1366px){
.t-header .t-function .t-search button img,
.t-header .t-function .t-search button svg{width:12px}
}
@media (max-width:1199px){
.t-header .t-function .t-search{display:none}
}

/*t-lang*/
.t-header .t-function .t-lang{height:100%;position:relative;margin-left:1.75rem}
.t-header .t-function .t-lang .t-langtit{display:flex;transition:all .4s linear;-webkit-user-select:none;user-select:none;align-items:center;font-size:1rem;}
.t-header .t-function .t-lang .t-langtit .t-langicon1{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.875rem}
.t-header .t-function .t-lang .t-langtit .t-langicon1 img,
.t-header .t-function .t-lang .t-langtit .t-langicon1 svg{width:100%;height:100%}
.t-header .t-function .t-lang .t-langtit .t-langicon1 svg path{fill:#ffffff;transition:all .4s linear}
.t-header .t-function .t-lang .t-langtit .t-langicon2{display:block;width:.625rem;height:.375rem;margin-left:.875rem}
.t-header .t-function .t-lang .t-langtit .t-langicon2 path{transition:all .4s linear;fill:#ffffff}
.t-header.t-headerWhite .t-function .t-lang .t-langtit .t-langicon1 svg path,
.t-header.t-headerWhite .t-function .t-lang .t-langtit .t-langicon2 path{fill:#333333!important}
/*t-langhover*/
.t-header .t-function .t-lang .t-langhover{position:absolute;top:100%;left:50%;width:120%;background-color:#ffffff;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1.5;padding-bottom:.625rem;display:none}
.t-header .t-function .t-lang .t-langhover a{display:block;font-size:1rem;color:#555555;padding:.375rem .625rem;text-align:center}
.t-header .t-function .t-lang .t-langhover a:hover{color:#008cd6;text-decoration:underline}
.t-header .t-function .t-lang:hover .t-langhover{display:block}
@media (max-width:1580px){
    .t-header .t-function .t-lang .t-langtit .t-langicon1{width:1.125rem;height:1.125rem;margin-right:.5rem}
    .t-header .t-function .t-lang .t-langtit .t-langicon2{margin-left:.625rem}
}
@media (max-width:1199px){
.t-header .t-function .t-lang{margin-left:0;margin-right:.26rem}
}
@media (max-width:767px){
    .t-header .t-function .t-lang .t-langtit .t-langicon1{width:16px;height:16px}
}

/*t-switch*/
.t-header .t-switch{position:relative;display:none;width:1.5rem;height:1.25rem;cursor:pointer;margin-left:.875rem;}
.t-header .t-switch i{position:absolute;left:0;height:2px;width:100%;background:#fff;transition:all 0.4s}
.t-header .t-switch i:nth-child(1){top:0}
.t-header .t-switch i:nth-child(3){bottom:0}
.t-header .t-switch i:nth-child(2){top:50%;margin-top:-1px}
.t-header.t-headerWhite .t-switch i{background:#333}
body.t-open .t-header .t-switch i:nth-child(2){opacity:0}
body.t-open .t-header .t-switch i:nth-child(1){top:50%;margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.t-open .t-header .t-switch i:nth-child(3){bottom:50%;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media (max-width:1199px){
    .t-header .t-switch{display:block}  
}

/*f-side*/
.f-side{position:fixed;right:1.25rem;bottom:40%;z-index:100;display:none}
.f-side .f-icon{display:flex;align-items:center;justify-content:center;width:3.125rem;height:3.125rem;border-radius:50%;position:relative;transition:0.4s ease-in-out;background:url('../images/icon-top.png') no-repeat center center #008cd6;background-size:.875rem;}
.f-side .f-icon:hover{background-color:#0381c5;}


/*lan_selecto*/
.lan_selector{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;opacity:0; visibility:hidden;overflow:auto;}
.lan_selector .lan_selectorB{display:flex;width: 100%;height:100vh;align-content: center;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;}
.lan_selector .lan_selector_main{background-color:#fff;position:relative;z-index:1;transition:opacity .2s ease-in-out,transform .2s ease-in-out;width:50rem;max-width:calc(100% - 1.25rem);padding:5rem 0;border-radius:.25rem;overflow:auto;scrollbar-color:#c1c1c1 transparent}
.lan_selector .lan_selectorB .lan_selector_main{opacity:0;transform:scale(0.95)}
.lan_selector.lan-show .lan_selectorB .lan_selector_main{opacity:1;transform:scale(1)}
.lan_selector h3{font-size:2rem;line-height:3rem;margin:0;margin-bottom:3.25rem;color:#272727;font-weight:700;text-align:center;}
.lan_selector .lan_list{padding:0 5rem}
.lan_selector .lan_list .lan_listB{display:flex;flex-wrap:wrap;margin:-0.375rem -0.3125rem}
.lan_selector .lan_list .index_item{display:flex;justify-content:space-between;align-items:center;width:calc(50% - .625rem);height:2.5rem;background-color:#f7f8f9;border-radius:.375rem;margin:.375rem .3125rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease}
.lan_selector .lan_list .index_item span{font-size:.875rem;font-weight:400;line-height:1rem;color:#52525b}
.lan_selector .lan_list .index_item span:nth-child(2){color:rgba(0, 0, 0, 0.6)}
.lan_selector .lan_list .index_item:hover{background-color: #008cd6;}
.lan_selector .lan_list .index_item:hover span{color:#fff;}
.lan_selector .lan_list .index_item:hover span:nth-child(2){color:#fff;}
.lan_selector .lan_mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .2s ease-in-out}
.lan_selector .lan_close{ cursor:pointer;width:1.875rem;height:1.875rem;background:url('../images/icon-close2.png') no-repeat center center; background-size:65%;display:inline-block; position:absolute;top:.625rem;right:.625rem;}
.lan_selector.lan-show .lan-mask{opacity:1;}
.lan_selector.lan-show{opacity:1;visibility: visible;}
@media (max-width:1050px){
	.lan_selector .lan_list{padding:0 1.875rem}
	.lan_selector .lan_list .index_item{width:100%;}
  .lan_selector h3{font-size:1.8rem;margin-bottom:3rem;}
}
@media (max-width:768px){
	.lan_selector .lan_list{padding:0 1.875rem}
	.lan_selector .lan_list .index_item{width:100%;}
  .lan_selector h3{font-size:1.5rem;margin-bottom:2rem;}
}


/**********************mobile Search**********************/
.sj-search-btn{width:1.875rem;height:1.875rem;float:left;position:relative;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s;background:url("../images/top-search2.png") no-repeat center center;background-size:70%;z-index:5;display:none;margin-right:0.25rem;}
.headerWhite .sj-search-btn,
.t-header.onsb .sj-search-btn{background-image:url("../images/top-search2.png");}
.headerBlack .sj-search-btn{background-image:url("../images/top-search.png")!important;}
@media screen and (max-width:1150px) {
.sj-search-btn{display:block;}
}

/*header-menu*/
.sj-search{overflow-x:hidden;position:fixed;background:#fff;height:calc(100vh - 3.125rem);z-index:9999;top:0;transition:all .24s cubic-bezier(0.26,0,0.6,0.2)}
.sj-search .sj-searchB{max-width:56.25rem;margin:0 auto}
.sj-search.search-hide{visibility:hidden;overflow-x:hidden;height:0;width:0;top:-3.125rem;opacity:0;transition:opacity .2s cubic-bezier(0.26,0,0.6,0.2)}
.sj-search.search-show{visibility:visible;overflow-x:unset;height:auto;width:100%;top:0;opacity:1;transition:unset}
.sj-search.search-show .search,
.sj-search.search-show .search svg:first-child,
.sj-search.search-show .search input{transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.2)}
.sj-search.search-show .search .search-box{border:1px solid #dcdcdc}
.sj-search.search-show .search .search-box svg path{fill-opacity:.85}
.sj-search.search-show .search input{color:rgba(0,0,0,0.95)}
.sj-search.search-show .search-list{opacity:1;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.sj-search .search{display:flex;padding:1.5rem 1rem;align-items:center;justify-content:space-between;transform:translateX(1.875rem)}
.sj-search .search::before{content:'';display:none}
.sj-search .search .search-box{display:flex;flex:1;background:rgba(0,0,0,0.06);border-radius:2rem;padding:0 .75rem;align-items:center;box-sizing:border-box}
.sj-search .search .search-close{color:rgba(0,0,0,0.75);font-size:1.125rem;line-height:1.5rem;margin-left:1rem;padding-right:.25rem;cursor:pointer;white-space:nowrap}
.sj-search .search svg:first-child{margin-right:5px;transform:translateX(30px)}
.sj-search .search input{flex:1;font-size:1.125rem;line-height:2.5rem;outline:0;border:0;padding:0;color:rgba(0,0,0,0.3);background:transparent;transform:translateX(30px)}
.sj-search .search-list{position:unset;top:0;width:100%;max-height:calc(100vh - 3.25rem);opacity:0;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.sj-search .search-list .search-list-box{border:0;box-shadow:none;border-radius:0;margin-top:0}
.sj-search  .search input::placeholder{color:#313131}
.sj-search  .search input:focus{color:#000000 !important}
.sj-search  .search input:focus::placeholder{color:rgba(0, 0, 0, 0.6)}
.sj-search .topbtn{display: inline-block;width: 2.5rem !important;height: 2.5rem;background: url(../images/top-search.png) no-repeat center center;background-size: 1.125rem;border: 0;outline: 0;cursor: pointer; }
/*mask-bg*/
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:9998;visibility:hidden}
.mask-bg.show{-webkit-transition:all .5s;transition:all .5s;opacity:1;background:rgba(0,0,0,0.3);visibility:visible}

/*t-placeholder占位标签 */
#t-placeholder{height:5rem}
@media (max-width:1200px){
  #t-placeholder{height:4.375rem}
}
@media (max-width:768px){
  #t-placeholder{height:3.75rem}
}

/***********************footer***********************/
.footer {background:#000000;padding-top:2.5rem;padding-bottom:1.875rem;}
.footer .footer-top{padding-bottom:6.25rem;padding-top:3.75rem;border-top: .0625rem solid #1a1a1a;}
.footer .footer-topB{width:100%;}
.footer .footer-nav .footer-navB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;justify-content:space-between;}
.footer .footer-topB{flex-direction: row-reverse;justify-content: space-between; }
/*footer-nav*/
.footer .footer-nav{float:right;width:auto; position: relative;max-width:72%;}
.footer .footer-nav .ul2{height:auto;float:left;font-size:0;text-align:center;width:calc(100%/6 - 4rem);margin-left:4rem; min-width:8rem;}
html[lang="en-US"] .footer .footer-nav .ul2{width:calc(100%/6 - 2rem);margin-left:2rem; min-width:10rem;}
.footer .footer-nav .ul2:nth-child(1){margin-left:0!important;}
.footer .footer-nav .ulB{margin:0;padding:0;list-style:none; }
.footer .footer-nav .t1{color:#8f8f8d;line-height:1;font-weight:bold;margin-bottom:1.375rem;font-size:1rem;}
.footer .footer-nav .t1 a{display:inline-block;color:#fff;line-height:1.4; font-weight:600;}
.footer .footer-nav .t1 a:hover{color:#008cd6;}
.footer .footer-nav .t2{display:block;line-height:0;padding:0;margin:0;font-size:.875rem;margin-bottom:.625rem;}
.footer .footer-nav .t2 a{display:inline-block;color:#939393;line-height:1.4;padding:0; position:relative; padding-bottom:.125rem;}
.footer .footer-nav .t2 a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:#000;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.footer .footer-nav .t2 a:hover:after{width:100%;right:auto;left:0}
.footer .footer-nav .t2 a:hover{color:#008cd6;}
/*footer-lx*/
.footer .footer-lx{float:left;width:26%;}
/*bottom-logo*/
.footer .bottom-logo{margin-bottom:2.5rem;}
.footer .bottom-logo img{max-height:3.125rem;display:inline-block;}
/*footer-lan*/
.footer .footer-lan{ display:inline-block;}
.footer .footer-lan .iocn-lan{color:#3a3b3f; display:inline-block; padding-left:1.5rem;background-image:url('../images/icon-lan.png');background-position:left center; background-repeat: no-repeat;background-size:1rem;font-size:0.875rem;cursor:pointer; }
.footer .footer-lan span{display:inline-block;}
.footer .footer-lan:hover span{text-decoration: underline;color:#000;} 
/*footer-copyright*/
.footer .footer-copyrightB{ position: relative;display:flex;align-items:center;justify-content: space-between;padding-top:1.25rem;}
.footer .footer-copyright{font-size:.875rem;color:#909090;line-height:1.3;float:left;}
.footer .footer-copyright a{color:#909090;}
.footer .footer-copyright a:hover{color:#008cd6;}
/*footer-sublist*/
.footer .footer-sublist{font-size: 0;list-style: none;}
.footer .footer-sublist span{display:inline-block;}
.footer .footer-sublist a{display:inline-block;color:#fff;line-height:1;padding:0;position:relative;margin-left:1.25rem;font-size:.875rem;}
.footer .footer-sublist a:after{content:"";position:absolute;left:-0.625rem;top:50%;width:1px;height:.875rem;margin-top:-0.4375rem;background:#cdd3d4;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.footer .footer-sublist a:nth-child(1):after{ display: none;}
.footer .footer-sublist a:hover{color:#008cd6;}
@media screen and (max-width:1200px) {
.footer {padding-top:5rem;padding-bottom:1.5rem;}	
.footer .footer-nav .ul2{min-width:8rem;}
html[lang="en-US"] .footer .footer-nav .ul2{min-width:8rem;}
.footer .footer-nav{max-width:72%;}
.footer .footer-lx{width:26%;}
.footer .footer-top{padding-bottom:2rem;}
.footer .footer-copyrightB{padding-top:2rem;}
.footer .footer-nav .ul2{margin-left:0rem; }
html[lang="en-US"] .footer .footer-nav .ul2{margin-left:0;}
}
@media screen and (max-width:1050px) {
.footer {padding-top:4rem;padding-bottom:1rem;}
.footer .footer-nav{float:none;width:100%;max-width:100%; margin-bottom: 1rem;}
.footer .footer-lx{float:none;width:100%;text-align:left;padding-top:1rem;}
.footer .bottom-logo{text-align: center; display: none;}
.footer .footer-copyrightB{text-align:center; border-top:none; display: block;padding-top:0;}
.footer .footer-copyright{ text-align:center;font-size:14px;float:none; margin-bottom: 8px;}
.footer .footer-top{padding-bottom:1rem;border-top:none;    padding-top:0;}
.footer .footer-nav .ul2{margin-left:0rem; }
html[lang="en-US"] .footer .footer-nav .ul2{margin-left:0;}
}
@media screen and (max-width:768px) {
.footer .footer-nav{float:none; width:100%; text-align:left;position: static;}
.footer .footer-nav .footer-navB{ display:block;}
.footer .footer-nav .ul2{margin-left:0; width:100%;margin-bottom:0;padding-right: 0;float: none;}
.footer .footer-nav .listB{display:none; width:100%;}
.footer .footer-nav .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;}
.footer .footer-nav .t1{margin-bottom:0;}
.footer .footer-nav .t1 a{box-sizing: border-box;padding:.9375rem 0;margin:0 auto; position:relative;font-weight:600; text-align: left;}
.footer .footer-nav .t1 a:before{display:block;content: '';position: absolute;bottom:0;left:0;right:0;height: .0625rem;width: auto;background-color:#333333;}
.footer .footer-nav .t1 a:after{display:block;content: '';position: absolute;top:.9375rem;right:0;height:1.25rem;width:1.25rem;background:url('../images/arrow-right.png') center center no-repeat;background-size:0.625rem;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0.3;}
.footer .footer-nav .t1.act a:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity: 0.75;}
.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
.footer .footer-nav .t2 a{padding:.3125rem .625rem;}
.footer .footer-nav .t2 a:after{display:none;}
.footer .bottom-logo img{max-height:1.65rem;}
.footer {padding-top:1.25rem;padding-bottom:1rem;}
.footer .footer-nav .t1{font-size:16px;}
.footer .footer-nav .t1 a{padding:20px 0;line-height:1.3;}
.footer .footer-nav .ul2 .ulB{padding-top:15px;padding-bottom:0;}
.footer .footer-nav .t2{font-size:16px;margin-bottom:7px; text-align: left;}
.footer .footer-nav .ulB .t2:last-child{margin-bottom:0;}
.footer .footer-nav .t2 a{padding:0 0;line-height:1.5;}	
.footer .footer-nav .t1 a:after{top:50%; margin-top:-0.625rem;height:20px;width:10px;}
.footer .footer-sublist a{margin-left: 20px;font-size:14px;}
}
@media screen and (max-width:750px) {
.footer .footer-top{padding-bottom:1rem;}
.footer {padding-bottom:1rem;}	
.footer .footer-nav .t1{font-size:16px;}
.footer .footer-nav .t1 a{padding:20px 0;line-height:1.3;}
.footer .footer-nav .ul2 .ulB{padding-top:20px;padding-bottom:0;}
.footer .footer-nav .t2{font-size:16px;margin-bottom:7px;}
.footer .footer-nav .ulB .t2:last-child{margin-bottom:0;}
.footer .footer-nav .t2 a{padding:0 0;line-height:1.5;}	
.footer .footer-nav .t1 a:after{top:50%; margin-top:-10px;height:20px;width:20px;}
}
@media screen and (max-width:540px) {
.footer {padding-bottom:16px;}	
.footer .footer-nav .t1{font-size:16px;}
.footer .footer-nav .t2{font-size:16px;}
}

/*footer-tel*/
.footer-tel{font-size:.875rem; color:#bfbfbf;line-height:1.5;font-weight:300;margin-bottom:1.875rem;}
.footer-tel h5 a,
.footer-tel h5{font-size:1.25rem; font-weight:600;color:#fff; margin-bottom:.625rem; font-family:Inter,Arial, Helvetica, sans-serif;}
.footer-subscribe{margin-bottom:2.5rem;}
/* emailTit */
.emailTit{font-size:1rem; color:#939393;line-height:1.5;font-weight:400;margin-bottom:30px;}
.emailTit h6{font-size:1.125rem; font-weight:500;color:#fff; margin-bottom:10px;}
 /*emailFrom*/
.emailFrom{position:relative;margin-top:.875rem;display:flex;}
.emailFrom .emailinput{outline:0;display:block;width:100%;flex:auto;height:2.875rem;line-height:2.875rem;padding:0 1.125rem; padding-right:4.375rem;border-radius:.375rem;border:1px solid #333333;font-weight:400;font-size:.875rem;color:#fff;background:#000000;}
.emailFrom .emailinput::-moz-placeholder{color:#939393}
.emailFrom .emailinput:-ms-input-placeholder{color:#939393}
.emailFrom .emailinput::placeholder{color:#939393}
/*emailbtn*/
.emailFrom .emailbtn{outline:0;border:0; margin-left:10px;float:right;flex:none;height:2.875rem;width:2.875rem; background-image:url('../images/icon-mail.png');background-position:  center center;background-repeat:no-repeat;background-color:#262626;background-size:1rem;border-radius:.375rem;}
.emailFrom .emailbtn.active{background-color:#008cd6;}
.emailFrom .emailbtn[disabled]{cursor:not-allowed}
.emailFrom .emailbtn[data-type=success]{background:#edeff2}
/*emailCheckboxB*/
.emailCheckbox{margin-top:.75rem;display:flex;cursor:pointer}
.emailCheckbox .emailCheckboxB{flex:none;margin-right:.5rem;width:1.5rem;height:1.5rem;position:relative}
/*shaking*/
.emailCheckbox .emailCheckboxB.shaking{animation:atom-shake .5s ease}
.emailCheckbox .emailCheckboxB.shaking .emailCheckbox-bg{border-color:red}
@keyframes atom-shake{0%,to{transform:translateY(0)}10%{transform:translateY(-1px)}20%{transform:translateY(1px)}30%{transform:translateY(-1px)}40%{transform:translateY(1px)}50%{transform:translateY(-1px)}60%{transform:translateY(1px)}70%{transform:translateY(-1px)}80%{transform:translateY(1px)}90%{transform:translateY(1px)}}
.emailCheckbox .emailCheckboxB .emailCheckbox-bg{position:absolute;left:50%;width:1.125rem;top:50%;height:1.125rem;transform:translate(-50%,-50%);border-radius:.25rem;border:.0625rem solid #bfbfbf;transition:all .2s;background-color: #fff;}
.emailCheckbox .emailCheckboxB .emailCheckbox-img{position:absolute;left:0;width:100%;top:0;height:100%;opacity:0;transition:opacity .2s}
.emailCheckbox .emailCheckboxB .emailCheckbox-img img{display:block;width:100%;height:100%}
.emailCheckbox .emailCheckboxB.active .emailCheckbox-bg{opacity:0}
.emailCheckbox .emailCheckboxB.active .emailCheckbox-img{opacity:1}
/*emailCheckbox-txt*/
.emailCheckbox-txt{flex:auto;font-weight:400;font-size:.75rem;line-height:1.25rem;color:#76767f}
.emailCheckbox-txt a{text-decoration:none;color:#3a3b3f}
.emailCheckbox-txt a:hover{ text-decoration: underline;}
/*emailResult*/
.emailResult{margin-top:.75rem;font-size:.75rem;line-height:.75rem;color:#c8c9cd}
.emailResult[data-type=error]{color:red}


/*footer-social*/
.footer-social{margin:0;list-style:none;line-height: 0;font-size: 0; padding:.9375rem 0;}
.footer-social{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end;height:100%;}
.footer-social li{position:relative;margin-left:.625rem;list-style: none; line-height: 0;font-size: 0;}
.footer-social li:first-child{margin-left:0;}
.footer-social li .dpa{display:block;width:2.25rem;height:2.25rem;line-height:2.25rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; background-color:#1e1e1e;border-radius:50%;}
.footer-social li .dpa .icon{display:block;width:100%;height: 100%;background-position:center center;background-repeat:no-repeat;background-size:1rem; font-size:0;}
.footer-social li .dpa .icon.icon-fb{background-image:url('../images/icon-fb.png');}
.footer-social li .dpa .icon.icon-in{background-image:url('../images/icon-in.png');}
.footer-social li .dpa .icon.icon-ytb{background-image:url('../images/icon-ytb.png');}
.footer-social li .dpa .icon.icon-dy{background-image:url('../images/icon-dy.png');}
.footer-social li .dpa .icon.icon-vk{background-image:url('../images/icon-vk.png');}
.footer-social li .dpa .icon.icon-wx{background-image:url('../images/icon-wx.png');}
.footer-social li .dpa:hover{background-color:#008cd6;}
@media screen and (max-width:1050px) {
.footer-social{position: static;text-align:center; margin: 0 auto;    justify-content:center;}
}

/*popBox*/
@media (min-width:768.1px){
.footer-social li .popup{display:none;position:absolute;bottom:2.25rem;right: 50%;margin-right:-4.0625rem;width:8.4375rem;height:9.375rem;}
.footer-social li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0px 0rem 1rem 0px 0 rgba(0,0,0,.1);-o-box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);position:relative;z-index:1;}
.footer-social li .er-code img{width:8.125rem;height:8.125rem}
.footer-social li .er-code p{font-size:.75rem;line-height:.75rem;color:#76767f; margin-bottom:0;}
.footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:2;width:0.6875rem;height:0.6875rem;bottom:1.05rem;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);}
.footer-social li:hover .popup{display:block;}
}
@media screen and (max-width:768px) {
/*popupCode弹窗二维码*/
.footer-social li .triangle{display:none;}
.footer-social li .popup{display:none;position:fixed;z-index:1000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}
.footer-social li .popup.active{display:flex}
.footer-social li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative}
.footer-social li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;}
.footer-social .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s;background-image:url('../images/icon-close2.png');background-position: center center; background-repeat: no-repeat;background-size:0.75rem;}
.footer-social .close-btn:hover{background-color:#f0f0f0}
.footer-social .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards}
}
@media screen and (max-width:540px) {
.footer-social li{margin-left:0.875rem;}
}

/*****************************************index*****************************************/
/*indexBanner*/
.indexBanner{position:relative;overflow:hidden;}
.indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.indexBanner,.indexBanner .bannerimg,.indexBanner .item{height:100vh;}
.indexBanner,.indexBanner .bannerimg,.indexBanner .item{height:100dvh;}
/*bannerimg*/
.indexBanner .item{display:block; position: relative; z-index: 4;}
.indexBanner .bannerimg{display:block;position:relative;width:100%;z-index:0;}
.indexBanner .bannerimg>div{position:static!important;}
.indexBanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
.indexBanner .bannerimg img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.indexBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.indexBanner .bannerVideoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;}
.indexBanner .bannerVideoB .bg{position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);background-size:100% 100%; z-index:3;pointer-events:none; }
.indexBanner .bannerVideoB>div{position:static!important;}
.indexBanner .bannerVideoB video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:1;}
.indexBanner .imgwz img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
@media screen and (max-width:1200px){
.indexBanner .swiper-slide{height:60vw;}
.indexBanner{height:60vw;}
.indexBanner .item{height:60vw;}
.indexBanner .bannerimg{height:60vw;}
}



/*bannerWz*/
.indexBanner .bannerWz{z-index:5;color: #fff;font-weight:normal;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); }
.indexBanner .bannerWz h2{font-size:2.5rem;font-weight:600;line-height:1.2; margin-bottom:1rem;}
.indexBanner .bannerWz p{font-size: 1.375rem;font-weight:400;line-height:1.2; margin-bottom:0.5rem;}
@media screen and (max-width:1200px){
.indexBanner .bannerWz h2{font-size:2rem;margin-bottom:0.6rem;}
.indexBanner .bannerWz p{font-size:.875rem;margin-bottom:0.25rem;}
.indexBanner .bannerWz{top:55%;}
}
@media screen and (max-width:1000px){
.indexBanner .bannerWz h2{font-size:2rem;}
.indexBanner .bannerWz p{font-size:0.875rem;}
}
@media screen and (max-width:768px){
.indexBanner .bannerWz h2{font-size:1.8rem;}
.indexBanner .bannerWz p{font-size:0.75rem;}
}
@media screen and (max-width:750px){
.indexBanner .bannerWz h2{font-size:1.5rem;}
.indexBanner .bannerWz p{font-size:0.75rem;}
}
@media screen and (max-width:540px){
.indexBanner .bannerWz h2{font-size:1.25rem;}
.indexBanner .bannerWz p{font-size:0.875rem;}
}
@media screen and (max-width:430px){
.indexBanner .bannerWz h2{font-size:1.25rem;}
.indexBanner .bannerWz p{font-size:0.875rem;}
}


/*swiper-slide-active*/
.indexBanner .bannerWz h2,
.indexBanner .bannerWz p,
.indexBanner .bannerWz .more{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(3.75rem);transition: 0.75s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz h2,
.indexBanner .swiper-slide.swiper-slide-active .bannerWz p,
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz h2{transition-delay: 0.5s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz p{transition-delay: 0.7s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{transition-delay: 0.9s;}




/*indexbanner-pagination*/
.indexbanner-paginationB{position:absolute;bottom:3.75rem;left:0;right:0; z-index:4; text-align:center;margin:0 auto;}
.indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.indexbanner-paginationB .swiper-pagination span{width:2.125rem;height:.25rem;border-radius:0;margin-right:1rem;outline:none;border:none;opacity:1;float:none;background:rgba(255,255,255,.5);cursor: pointer;position: relative;overflow:hidden;}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active .timer,  
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer{display:block;position:relative;background:transparent;opacity:1}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#008cd6;transition-property: width;transition-timing-function: linear;border-radius:.625rem;}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;}
.indexbanner-paginationB .swiper-pagination span::after{ display:none;}
@media screen and (max-width:1200px) {
.indexbanner-paginationB{bottom:2rem;}
.indexbanner-paginationB .swiper-pagination{text-align:center;}
}
@media screen and (max-width:1024px) {
.indexbanner-paginationB{bottom:1rem;}
}
@media screen and (max-width:768px) {
.indexbanner-paginationB .swiper-pagination span{width:1rem;height:1px;}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{width:1rem;}
}

/*bswbtn*/
.bswbtn{ font-size:0;line-height: 0;}
.bswbtn .mbtn{display:inline-block;width:4rem;height:100%;border-radius:0;position:absolute;top:50%;transform:translateY(-50%);padding:0;margin:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:.875rem;}
.bswbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);left: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);right: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left.png);opacity:1;}
.bswbtn .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right.png);opacity:1;}
.bswbtn .mbtn.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1200px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.bswbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}


/*indexCase-swiper*/
.indexCase{ position: relative;}
.indexCase-swiper{position:relative;overflow:hidden;}
.indexCase-swiper .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.indexCase-swiper .bannerimg,
.indexCase-swiper .item{padding-bottom:50%;height:0;} 
/**indexCase-swiper bannerimg*/
.indexCase-swiper .item{display:block; position: relative; z-index: 4;}
.indexCase-swiper .bg{position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);background-size:100% 100%; z-index:1;pointer-events:none; }
.indexCase-swiper .bannerimg{display:block;width:100%}
.indexCase-swiper .bannerimg>div{position:static!important;}
.indexCase-swiper .bannerimg:before{content:"";display:block;position:relative;z-index:0;padding-top:50%}
.indexCase-swiper .bannerimg img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:all 0.8s}
/* .indexCase-swiper .bannerimg img{transform:translateY(-30%);transition:none} */
@media screen and (max-width:1200px){
/* .indexCase-swiper .swiper-slide{height:60vw;}
.indexCase-swiper{height:60vw;}
.indexCase-swiper .item{height:60vw;}
.indexCase-swiper .bannerimg{height:60vw;} */
}
@media screen and (max-width:1024px){
.indexCase-swiper .bannerimg img{transform:translateY(0);transition:none}
}


/*indexCase-swiper bannerWz*/
.indexCase-swiper .bannerWz{color: #fff;font-weight:normal;position:absolute;left:0;right:0;top:0;z-index:4;text-align: center;padding:7.5rem;}
.indexCase-swiper .bannerWz h2{font-size:2.5rem;font-weight:600;line-height:1.2; margin-bottom:1rem;}
.indexCase-swiper .bannerWz p{font-size: 1.375rem;font-weight:400;line-height:1.2; margin-bottom:0.5rem;}
@media screen and (max-width:1200px){
.indexCase-swiper .bannerWz h2{font-size:2rem;margin-bottom:0.6rem;}
.indexCase-swiper .bannerWz p{font-size:.875rem;margin-bottom:0.25rem;}
}
@media screen and (max-width:1024px){
.indexCase-swiper .bannerWz h2{font-size:2rem;}
.indexCase-swiper .bannerWz p{font-size:0.875rem;}
.indexCase-swiper .bannerWz{padding:5rem;}
}
@media screen and (max-width:768px){
.indexCase-swiper .bannerWz h2{font-size:1.8rem;}
.indexCase-swiper .bannerWz p{font-size:0.75rem;}
.indexCase-swiper .bannerWz{padding:4rem;}
}
@media screen and (max-width:750px){
.indexCase-swiper .bannerWz h2{font-size:1.5rem;}
.indexCase-swiper .bannerWz p{font-size:0.75rem;}
.indexCase-swiper .bannerWz{padding:2.5rem;}
}
@media screen and (max-width:540px){
.indexCase-swiper .bannerWz h2{font-size:1.25rem;}
.indexCase-swiper .bannerWz p{font-size:0.875rem;}
}
@media screen and (max-width:430px){
.indexCase-swiper .bannerWz h2{font-size:1rem;}
.indexCase-swiper .bannerWz p{font-size:0.5rem;}
}

/*indexCase-swiper swiper-slide-active*/
.indexCase-swiper .bannerWz h2,
.indexCase-swiper .bannerWz p{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(3.75rem);transition: 0.75s;}
.indexCase-swiper .swiper-slide.swiper-slide-active .bannerWz h2,
.indexCase-swiper .swiper-slide.swiper-slide-active .bannerWz p{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);}
.indexCase-swiper .swiper-slide.swiper-slide-active .bannerWz h2{transition-delay: 0.5s;}
.indexCase-swiper .swiper-slide.swiper-slide-active .bannerWz p{transition-delay: 0.7s;}


/*indexCase-smallSwiper*/
.indexCase-smallSwiper{position: absolute;bottom:3.125rem;height:5rem; left:0;right:0;z-index:10;}
.indexCase-smallSwiper .swiper-wrapper{justify-content: center;}
.indexCase-smallSwiper .swiper-slide{display:block; position: relative; z-index: 4;width: 9.375rem; height:5rem;border-radius:.625rem; margin-right:1.25rem; overflow: hidden;cursor: pointer;}
.indexCase-smallSwiper .bg{position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);background-size:100% 100%; z-index:1;pointer-events:none; }
.indexCase-smallSwiper .bannerimg{display:block;width:100%}
.indexCase-smallSwiper .bannerimg>div{position:static!important;}
.indexCase-smallSwiper .bannerimg:before{content:"";display:block;position:relative;z-index:0;padding-top:5rem}
.indexCase-smallSwiper .bannerimg img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:all 0.8s}
/*indexCase-smallSwiper bannerimg*/
.indexCase-smallSwiper .swiper-slide-thumb-active .bg{ background: none;;}
.indexCase-smallSwiper .z{color: #fff;font-weight:normal;position:absolute;left:0;right:0;top:0;z-index:4; text-align: center; line-height: 5rem;}
@media screen and (max-width:1024px){
.indexCase-smallSwiper{bottom:1.875rem;height:3.75rem;}
.indexCase-smallSwiper .swiper-slide{width: 7.5rem; height:3.75rem;margin-right:.625rem;}
.indexCase-smallSwiper .z{line-height:3.75rem;}
}
@media screen and (max-width:768px){
.indexCase-smallSwiper{bottom:10px;height:2.5rem;}
.indexCase-smallSwiper .swiper-slide{width: 5.625rem; height:2.5rem;margin-right:.625rem;}
.indexCase-smallSwiper .z{line-height:2.5rem;}
}


/*indexTit*/
.indexTit{font-size:2.25rem;padding-bottom:2.5rem;color:#0b1824;line-height:1.2; font-weight:normal;}
.indexTit.center{text-align: center;}
.indexTit .desc{font-size:1.25rem;padding-top:.625rem;font-weight:normal;line-height:1.3;max-width: 45.625rem;margin: 0 auto; }
.indexTit .tit{ margin-bottom: 1.25rem;}
.indexTit .tit span{color:#008cd6;}
.indexTit .tit a{color:#0b1824;}
.indexTit.white{color:#fff;}
.indexTit.white a{color:#fff;}
@media screen and (max-width:1200px){
.indexTit{font-size:2rem;padding-bottom:2rem;}
.indexTit .desc{font-size:1.125rem;}
.indexTit .tit{ margin-bottom: 1.125rem;}
}
@media screen and (max-width:1024px){
.indexTit{font-size:1.875rem;padding-bottom:1.5rem;}
.indexTit .desc{font-size:1rem;}
.indexTit .tit{ margin-bottom: 1rem;}
}
@media screen and (max-width:768px){
.indexTit{font-size:1.5rem;padding-bottom:1.5rem;}
.indexTit .tit{ margin-bottom:0.5rem;}
}


/*indexPro*/
.indexPro{padding-top:7.75rem;padding-bottom:5.625rem;}
.indexPro .inner-wrap{margin:0 auto;padding-top: 2.875rem;}
.indexPro .inner-wrapB{overflow:hidden;}
.indexPro .item{position:relative;float:left;width:calc(16.4% - 1.5rem);max-height:35rem;height:29.17vw;background-size:cover !important;background-position:30% center !important;background-repeat:no-repeat;text-align:center;color:#fff;transition-duration:0.6s;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:1rem; margin-bottom:2rem;}
.indexPro .item+.item{margin-left:1.5rem}
.indexPro .item.on,.indexPro .item:hover{width:50.7%;text-align:left;display:block;background-position:center center !important;}
.indexPro .item::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background:#000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity: 0.1;}
.indexPro .item::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background-size:cover;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro .item.on::before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro .item.on::after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.indexPro .item .tit{line-height:1.2;font-size:1.75rem;transition-duration:.1s;transition-delay:.1s;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-left:0; margin-bottom:1rem;font-weight:600;}
.indexPro .item .more{line-height:1.5;font-size:1rem;color:#fff; font-weight:normal;position:absolute;bottom:2.5rem;left:2.5rem;}
.indexPro .item .more span{ display: inline-block; padding-right:1.25rem; position: relative;}
.indexPro .item .more span::after{content:"";position: absolute!important; top:50%;right:0; width:5px; height:5px;margin-top:-2.5px; background-color: #fff; z-index:3;pointer-events:none; }
.indexPro .item .des{line-height:1.5;font-size:1rem;color:#fff; font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-left:0;}
.indexPro .item .inner{position:relative;z-index:2;margin:3.125rem 2.5rem;text-align:left;}
.indexPro .item .inner-visible,
.indexPro .item .inner-hidden{position:absolute;top:0;left:0; width:100%;}
.indexPro .item .inner-visible .inner{display:none;width:100%;min-width:60rem;}
.indexPro .item .inner-hidden .inner{display:block;width:90%;max-width:21rem;}
.indexPro .item.on .inner-visible .inner {display:block;transition-delay:.2s;transition:all .2s;}
.indexPro .item.on .inner-hidden .inner{display:none;transition-delay:.2s;transition:all .2s;}
@media screen and (max-width:1200px){
.indexPro{padding-top:6rem;padding-bottom:4rem;}
.indexPro .inner-wrap{padding-top:2.5rem;}
.indexPro .item .tit{font-size:1.5rem;}
.indexPro .item .des{font-size:1rem;}
}
@media screen and (max-width:1024px){
.indexPro{padding-top:5rem;padding-bottom:3rem;}
.indexPro .inner-wrap{padding-top:1.5rem;}
.indexPro .inner-wrapB{ margin-left:-1.5rem;}
.indexPro .item{width:calc(50% - 1.5rem);display:block;background-position:center center !important;}
.indexPro .item.on,.indexPro .item:hover{width:calc(50% - 1.5rem);}
.indexPro .item{margin-left:1.5rem}
.indexPro .item .tit{font-size:1.5rem;}
.indexPro .item .des{font-size:1rem;}
.indexPro .item .inner-visible .inner{display:block;width:auto;min-width:0;}
.indexPro .item .inner-hidden .inner{display:none;}
.indexPro .item.on .inner-visible .inner {display: block;}
.indexPro .item.on .inner-hidden .inner{display:none;}
.indexPro .item .inner{margin:3.125rem 2.5rem;}
}
@media screen and (max-width:768px){
.indexPro{padding-top:4rem;padding-bottom:3rem;}
.indexPro .inner-wrapB{ margin-left:0;}
.indexPro .item{width:100%;display:block}
.indexPro .item.on,.indexPro .item:hover{width:100%;}
.indexPro .item,
.indexPro .item+.item{margin-left:0}
.indexPro .item .inner{margin:2.5rem 1.875rem;}
.indexPro .item{height:45vw;min-height:16.25rem;}
.indexPro .item .tit{font-size:1.25rem;margin-bottom:0.5rem;}
}


/*swbtn*/
.swbtn{ font-size:0;line-height: 0;}
.swbtn .mbtn{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.625rem;background-color:#008cd6;}
.swbtn .mbtn.swiper-button-disabled{opacity:0;}
.swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left: 0;}
.swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right: 0;}
.swbtn .mbtn:hover{ background-color: #008cd6;}
@media screen and (max-width:1200px){
.swbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.swbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.swbtn .mbtn{width:40px;height:40px;background-size:8px;}
}

/*.swbtnp .swiper-pagination*/
.swbtnp{ position:relative; display:block;margin:0 0.75rem;margin-top:2rem;}
.swbtnp .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:2px;background:#1f2d53;border-radius:5px; overflow:hidden;}
.swbtnp .swiper-pagination .swiper-pagination-progressbar-fill{background:#008cd6;}


/*indexNewsList*/
.indexNews{overflow:hidden;background:#000028;padding-top:7.5rem; padding-bottom:5.25rem;}
.indexNewsList{list-style:none;margin:0 auto;padding: 0 9.125rem;margin-top:1.875rem;position:relative;overflow:hidden;}
.indexNewsList .indexNewsListul{margin:0; padding:0;list-style:none;font-size:0;overflow:hidden;}
.indexNewsList .item{ display:inline-block;*display:inline;zoom:1;width:33.33333333%;margin-bottom:3.125rem;vertical-align:top;}
.indexNewsList .itema{display:block;margin:0 1rem; position:relative;overflow:hidden;border-radius:6px;background:#00193c;}
.indexNewsList .ImgBox{overflow:hidden;padding-bottom:57.27%; position:relative;background:#00193c;border-radius:6px;}
.indexNewsList .ImgBox>div{position:static!important;}
.indexNewsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*indexNewsList title*/
.indexNewsList .title{padding:2.5rem 1.875rem 1.875rem 1.875rem; min-height:19.375rem; position: relative;}
.indexNewsList .title .t{font-size:1.375rem;color:#fff;line-height:1.875rem;overflow:hidden;margin-bottom:.875rem;max-width:82%;}
.indexNewsList .title .des{font-size:1rem;color:#fff;line-height:1.625rem;height:4.875rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-width:82%;}
.indexNewsList .title .moreB{font-size:1rem;color:#6a6a6a;line-height:2.5rem;font-weight:500;position: absolute;bottom:1.875rem;right:1.875rem;}
.indexNewsList .title .more{display:inline-block;width:2rem;height:2rem;border-radius:50%;background:url("../images/index-m.png") center center no-repeat;background-size:100%; position:absolute;bottom:0;right:0;}
/*indexNewsList hover*/
.indexNewsList .item,
.indexNewsList .title:after,
.indexNewsList .title .t,
.indexNewsList .title .more,
.indexNewsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexNewsList .itema:hover {-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.indexNewsList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.indexNewsList .item a:hover .title .more{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
@media screen and (max-width:1200px){
.indexNews{padding-top:6rem; padding-bottom:4rem;}
.indexNewsList .item{ width:50%;}
.indexNewsList .itema{-ms-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);}
.indexNewsList{padding: 0 4.375rem;}
.indexNewsList .title .t{font-size:1.25rem;max-width:100%;}
}
@media screen and (max-width:1024px){
.indexNews{padding-top:4rem; padding-bottom:3rem;}
}
@media screen and (max-width:768px){
.indexNews{padding-top:3rem; padding-bottom:2rem;}
.indexNewsList .item{ width:100%;}
.indexNewsList{padding: 0;}
.indexNewsList .itema{display:block;margin:0 50px; }
}



/*indexNetworkB*/
.indexNetwork{ padding-top:7.5rem; padding-bottom:1.25rem; background-color:#efefef;}
.indexNetworkB{position:relative;}
.indexNetwork .indexTit .desc{max-width: 45.625rem; margin: 0 auto;}
/*pageMap*/
.pageMap{ text-align: center;}
.pageMap .pageMapB{position:relative;text-align: center; display:inline-block;}
.pageMap .pageMapB img{max-width:100%;}
.pageMap .pageMapB .pic{ position: relative;z-index:0;pointer-events: none;}
.pageMap .pageMapB .pic-point{position:absolute;top:0;left:0;width:100%; height:100%;z-index:3;pointer-events: none;/* animation:mymoveli 2s infinite 0.3s; */}
.pageMap .pageMapB .yuan{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events: none;}
.pageMap .pageMapB .yuan .y{position:absolute;width:4px;height:4px;pointer-events: none;}
.pageMap .pageMapB .yuan .y::before{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:yuansacle 3s linear infinite}
.pageMap .pageMapB .yuan .y::after{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);animation:yuansacle 3s 1.5s linear infinite}
.pageMap .pageMapB .yuan .y.y1{left: 23.4%;top: 43%;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:13.75rem;height:13.75rem}
.pageMap .pageMapB .yuan .y.y2{left:29.9%;top:86%}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:12.125rem;height:12.125rem}
.pageMap .pageMapB .yuan .y.y3{left: 52.1%;top: 31.166667%;}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:13.75rem;height:13.75rem}
.pageMap .pageMapB .yuan .y.y4{left: 74.1%;top: 42%;}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:9.75rem;height:9.75rem}
.pageMap .pageMapB .yuan .y.y5{left: 82.2%;top: 78%;}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:8.125rem;height:8.125rem}
@media screen and (max-width:1200px){
.indexNetwork{ padding-top:6rem;}
}
@media screen and (max-width:1024px){
.indexNetwork{ padding-top:4rem;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:10rem;height:10rem}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:9rem;height:9rem}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:10rem;height:10rem}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:7rem;height:7rem}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:6rem;height:6rem}
}
@media screen and (max-width:768px){
.indexNetwork{ padding-top:3rem;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:7rem;height:7rem}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:6rem;height:6rem}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:8rem;height:8rem}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:5rem;height:5rem}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:4rem;height:4rem}
}
@keyframes mymoveli{0%{opacity:0;}50%{opacity: 1;}100%{opacity:0;}}
@keyframes yuansacle{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}


/*pageShuju*/
.pageShuju .pageShujuList{padding:0;list-style:none;font-size:0;position: relative;display:flex;flex-direction: row;box-sizing:border-box;justify-content:center;align-items:flex-start;flex-wrap: wrap; padding-top:1.625rem; width: 100%;}
.pageShuju li{padding-top:.625rem; padding-bottom:.625rem; font-size:1.125rem;color:#000000;line-height:1.875rem;text-align:left;min-height:6.25rem;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;min-width: 13.875rem; margin:0 2.25rem;}
.pageShuju li h2{font-size:1.5rem;color:#008CD6;font-weight:600; text-align:left;}
.pageShuju li h2 strong{font-size:2.5rem;line-height:1;font-family:Inter, Arial, Helvetica, sans-serif;font-weight:500;color:#008CD6;}
.pageShuju li h2 .sup{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align: top;margin-left:.625rem; color:#008CD6;font-family:Inter, Arial, Helvetica, sans-serif;font-weight:500;}
.pageShuju li h2 .sub{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align:baseline;margin-left:.625rem; color:#008CD6;font-weight: normal;}
.pageShuju li .line{width: 100%; height: 1px; background-color: #008CD6; margin-top:.625rem;margin-bottom:.3125rem;min-width: 13.875rem;}
@media screen and (max-width:1024px){
.pageShuju li{ width:33.3333%;margin:0;font-size:1rem;}
.pageShuju li .item{ margin:0 2rem;}
.pageShuju li h2{font-size:1.25rem;}
.pageShuju li h2 strong{font-size:2rem;}
.pageShuju li h2 .sup{font-size:1.125rem;}
}
@media screen and (max-width:768px){
.pageShuju .pageShujuList{ display: block;}
.pageShuju li,
.pageShuju li .item{ width: 100%;}

.pageShuju li h2{font-size:1.125rem;}
.pageShuju li h2 strong{font-size:1.8rem;}
.pageShuju li h2 .sup{font-size:1.1rem;}
}




/**************************page**************************/
/*pagebanner*/
.pagebanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff;padding-bottom:35.41666666666667%; position:relative;background-size:cover;}
.pagebanner .bannerpic{width:100%;/* height:100vh */position:absolute;top:0;left:0;right:0;height:100%}
.pagebanner .bannerpic img{width:100%;height:100%;object-fit:cover}
.pagebanner .pagebanner-tt{position:absolute;top:50%;left:0;right:0;text-align:center;z-index:2;color:#ffffff;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.pagebanner .pagebanner-tt .tt2{font-size:2.125rem;line-height:1.1;font-weight:500;text-transform:uppercase;}
.pagebanner .pagebanner-tt .en{font-size:1rem;line-height:1.1;text-transform:uppercase; font-family:Inter,Arial, Helvetica, sans-serif;font-weight:300;color:rgba(255, 255, 255, 0.5); margin-bottom: .625rem;}
.pagebanner .pagebanner-tt .tt{font-size:3.125rem;line-height:1.1;font-weight:600;text-transform:uppercase;}
.pagebanner .pagebanner-tt .des{font-size:1rem;line-height:1.1;margin-top:1.25rem;}
@media screen and (max-width:1200px){
.pagebanner .pagebanner-tt .tt{font-size:2.6rem;}
.pagebanner .pagebanner-tt .des{font-size:1rem;margin-top:1rem;}
.pagebanner{padding-bottom:40%;}
.pagebanner .pagebanner-tt .tt2{font-size:2rem;}
}
@media screen and (max-width:1024px){
.pagebanner .pagebanner-tt .tt{font-size:2.2rem;}
.pagebanner .pagebanner-tt .des{font-size:.875rem;margin-top:.625rem;}
.pagebanner .pagebanner-tt .tt2{font-size:1.875rem;}
.pagebanner .pagebanner-tt .en{font-size:.875rem;}
}
@media screen and (max-width:768px){
.pagebanner .pagebanner-tt .tt{font-size:2rem;}
.pagebanner .pagebanner-tt .des{font-size:.875rem;}
.pagebanner .pagebanner-tt .tt2{font-size:1.75rem;}
}
@media screen and (max-width:640px){
.pagebanner .pagebanner-tt .tt{font-size:1.8rem;}
.pagebanner .pagebanner-tt .tt2{font-size:1.5rem;}
}
@media screen and (max-width:370px){
.pagebanner .pagebanner-tt .tt{font-size:1.6rem;}
.pagebanner .pagebanner-tt .tt2{font-size:1.25rem;}
}

/*****************************searchForm start*****************************/
/*searchForm*/
.searchForm{position:relative;}
.searchForm .search-cancel{position:absolute;top: 50%;-webkit-transform: translateY(-50%);transform:translateY(-50%);cursor:pointer;right:5rem;}
.searchForm input.text{font-size:1.125rem;height:3.75rem;line-height:3.75rem;border-radius:3.75rem;padding-left:1.875rem;padding-right:6.25rem;margin-bottom:0;font-weight:normal;color:#6a6a6a;width:100%;background:#fff;display:block;border: none;}
.searchForm input::-webkit-input-placeholder,
.searchForm input:-moz-placeholder,
.searchForm input::-moz-placeholder,
.searchForm input:-ms-input-placeholder {color:#6a6a6a;}
.searchForm .searchbtn {display:inline-block;width:5rem;height:3.75rem;font-size:0;margin-right:0;border-radius:.625rem;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/icon-search.png") no-repeat center center;background-size:1.25rem; position:absolute;right:0;top:0; z-index:5;}
@media screen and (max-width:1200px) {
.searchForm .searchbtn {width:5rem;height:3.5rem;background-size:1.125rem;}
.searchForm input.text{height:3.5rem;line-height:3.5rem;font-size:1rem;padding-left:1.5rem;}
}
@media screen and (max-width:1024px) {
.searchForm .searchbtn {width:5rem;height:3rem;background-size:1rem;}
.searchForm input.text{height:3rem;line-height:3rem;font-size:1rem;}
}
@media screen and (max-width:768px) {
.searchForm .searchbtn {width:5rem;height:3rem;background-size:1rem;}
.searchForm input.text{height:3rem;line-height:3rem;font-size:1rem;}
}

/**************************pageNav**************************/

/*pageNav*/
.pageNav{position:relative;z-index:2;text-align:center;background-color: #ffffff; -webkit-box-shadow:2px 12px 27px 0 rgba(0, 0, 0, 0.05);box-shadow:2px 12px 27px 0 rgba(0, 0, 0, 0.05);}
.pageNav .pageNavTit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;text-transform:uppercase;  display: none;}
.pageNav ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;}
.pageNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNav li a{position:relative;display:block;color:#6a6a6a;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1rem;line-height:4.375rem;margin:0 3.125rem;}
.pageNav li a span{display:block;position:relative; z-index:2;}
.pageNav li a:after{content:'';width:0;position:absolute;bottom:0;right:0;height:.125rem;background:#008cd6;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; opacity: 0;}
.pageNav li a:hover:after,
.pageNav li .on:after{width:100%;right:auto;left:0;opacity:1;}
.pageNav li.on a:after{width:100%;right:auto;left:0;opacity:1;}
.pageNav li a:hover,
.pageNav li .on{color:#000000;}
.pageNav li.on a{color:#000000;}
@media screen and (max-width:1200px) {
.pageNav li a{font-size:1rem;line-height:4rem;margin:0 3rem;}
}
@media screen and (max-width:1024px) {
.pageNav li a{line-height:3.5rem;margin:0 1rem;padding:0 2rem;}
.pageNav ul{display: flex;overflow:visible;overflow-x: scroll;}
.pageNav ul::-webkit-scrollbar {display: none} 
.pageNav li{flex-shrink:0;align-items:flex-end;margin-right:1rem;overflow:hidden;position:relative;}
.pageNav li a{margin:0;}
}
@media screen and (max-width:960px) {
.pageNav li a{padding:0 2rem;}
}
@media screen and (max-width:767px) {
.pageNav li a{line-height:3rem;padding:0 0;}
}



/**************************service**************************/
.pagebanner .bannerSearch {position:absolute;right:0;left:0;text-align:center;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#ffffff;} 
.pagebanner .searchTit{line-height: 1.2; text-align: center; font-weight: normal; margin-bottom: 2.5rem;font-size:2.25rem;}
@media screen and (max-width:1200px) {
.pagebanner .searchTit{margin-bottom:2rem;font-size:2rem;}
}
@media screen and (max-width:1024px){
.pagebanner .searchTit{margin-bottom:2rem;font-size:1.75rem;}
}
@media screen and (max-width:768px){
.pagebanner .searchTit{margin-bottom:2rem;font-size:1.5rem;}
}


/*SecListTit*/
.serviceTit{position:relative;font-size:2.125rem;line-height:1.5;color:#000000;text-align:center; font-weight:600;margin-bottom:4.375rem;}
.serviceTit .enTit{font-size:1rem;color:#6a6a6a;text-transform:uppercase;display:block;font-weight:300; font-family:Inter,Arial,Helvetica,sans-serif;}
@media screen and (max-width:1200px){
.serviceTit{font-size:2rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){
.serviceTit{font-size:1.8rem;margin-bottom:2rem;}
.Sec .serviceTit{ display: none;}
}
@media screen and (max-width:768px){
.serviceTit{font-size:1.6rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:640px){
.serviceTit{font-size:1.4rem;margin-bottom:1.5rem;}
}





/*SecList*/
.Sec-menu{float:left;width:21.625rem;}
.Sec-menu{z-index:2; display:block;position:sticky;left: 0;top:5rem;}
.SecList{width:calc(100% - 21.625rem);position:relative; float:right;}
.SecList .SecListB {padding-left:1.25rem;}
@media screen and (max-width:1200px){
.Sec-menu{width:15rem;}
.SecList{width:calc(100% - 15rem);}
.SecList .SecListB {padding-left:1.25rem;}
}
@media screen and (max-width:1024px){
.Sec-menu{float:none;z-index:2; position:static;top:0;display:block;width:100%;}
.SecList{float:none;width:100%;}
.SecList .SecListB {padding-left:0;}
}




/*Sec-pcmenu*/
.Sec-pcmenu{background:#fff;border-radius:.625rem;padding-left:1.875rem;padding-right:1.875rem;}
/**/
/*Sec-menu yiji*/
.Sec-pcmenu .menu-tit{position:relative;width:100%; overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.Sec-pcmenu .menu-tit .menu-titB{display:block;padding-top:.8125rem;padding-bottom:.8125rem;}
.Sec-pcmenu .menu-tit.on .menu-titB{border-bottom:1px solid #008cd6;}
.Sec-pcmenu .menu-tit span{width:calc(100% - 1.5rem);display:block; position:relative; z-index:1;font-size:1.125rem;line-height:1.625rem;color:#000000; font-weight:500;}
.Sec-pcmenu .menu-tit.on span{color:#000;font-weight: 600;}
/*Sec-menu .icon-em1*/
.Sec-pcmenu .menu-tit .icon-em1{cursor:pointer;position:absolute;top:.8125rem;right:0;width:1.5rem;height:1.5rem;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:3;background:url(../images/icon-v0.png) center center no-repeat;background-size:.8125rem;}
.Sec-pcmenu .menu-tit.on .icon-em1{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.Sec-pcmenu ul{ list-style:none;margin: 0;padding: 0;border-bottom:1px solid #e2e2e2;}
/*Sec-menu yiji*/
.Sec-pcmenu .lia{position:relative;width:100%; overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;align-items:center;}
.Sec-pcmenu .lia{font-size:1.125rem;line-height:1.625rem;padding-top:.8125rem;padding-bottom:.8125rem;color:#000000; font-weight:300;}
.Sec-pcmenu .lia span{width:calc(100% - 1.5rem);display:block; position:relative; z-index:1;}
.Sec-pcmenu .active .lia{color:#000; font-weight: 600;}
.Sec-pcmenu .lia{position:relative;}



/*Sec-menu .icon-em*/
.Sec-pcmenu  .icon-em{cursor:pointer;position:absolute;top:.8125rem;right:0;width:1.5rem;height:1.5rem;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:3;background:url(../images/icon-v0.png) center center no-repeat;background-size:.8125rem;}
.Sec-pcmenu .active .icon-em{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
/*Sec-menu erji*/
.Sec-pcmenu .SecDown{display:none}
.Sec-pcmenu .Secdl{margin:0;padding:0;padding-top:.3125rem;padding-bottom:.3125rem;position:relative;}
.Sec-pcmenu .Secdl dd{margin:0;padding:0;}
.Sec-pcmenu .Secdl dd a{font-size:1rem;line-height:1.5rem;padding-top:.3125rem;padding-bottom:.3125rem;color:#999999;display:block; font-weight:400;}
.Sec-pcmenu .Secdl dd.active a{color:#008cd6;}
/*Sec-menu Sec-pcmenuClose-sj*/
.Sec-pcmenu .Sec-pcmenuClose{display:none;}
@media screen and (max-width:1024px){
.Sec-pcmenu{position:fixed; left:0;right:0; width:100%; height:100%; background:#f5f6fa; z-index:9999; top:0;bottom:0;overflow:auto;padding-left:0; padding-right:0; padding:2.5rem 2.5rem;}

.Sec-pcmenu .menu-tit{position:relative;width:100%; overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-size:1.125rem;line-height:1.625rem;color:#000000; font-weight:300;}

.Sec-pcmenu  ul{ padding:1rem 0;}
.Sec-pcmenu .lia{font-size:16px;line-height:1.5rem;}
.Sec-pcmenu .Secdl dd a{font-size:1rem;line-height:1.5rem;}
.Sec-pcmenu  .icon-em{right:0;}
.Sec-pcmenu .Sec-pcmenuClose{position:fixed; right:0; left:1.5rem;margin:0 auto;bottom:1rem; width:3rem;height:3rem;z-index:99999;display:block;background:url(../images/icon-close2.png) center center no-repeat;background-size:1.25rem; background-color: #fff;border-radius: 50%;}
.Sec-pcmenu{display:none;}
.Sec-pcmenu.open{ display:block;}
}

/*Sec-menu tit-sj*/
.Sec-menuTit{display: none;}
@media screen and (max-width:1024px){
.Sec-menuTit{margin-bottom:2rem;display: block;background-color:#fff;font-size:1.125rem;line-height:3.125rem;height:3.125rem;border-radius:.625rem;text-align:right; font-weight: 600; padding: 0 1.5rem;}
.Sec-menuTit span{background:url(../images/icon-protb.png) left center no-repeat;background-size:1.5rem;padding-left:2rem;display:block;}
}


/*serviceBOX*/
.serviceBOX{padding-top:5rem;padding-bottom:5.625rem;background-color:#f5f6fa;}
@media screen and (max-width:1200px) {
.serviceBOX{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.serviceBOX{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.serviceBOX{padding-top:3rem;padding-bottom:3rem;}
}

/*faq-list*/
.faq-list ul{margin:0;padding: 0;list-style:none;}
.faq-list li{position:relative;overflow:hidden;background-color: #fff; margin-bottom:1.25rem;border-radius:.625rem;}
.faq-list li .faqtmain{font-size:1rem;line-height:1.5;color:#444444; font-weight:normal; border-top: 1px solid #fff;padding:1.25rem 2.5rem 2.5rem 2.5rem;display:none;}
.faq-list li .faqtitle{overflow:hidden;cursor:pointer;position:relative;padding:2.1875rem 2.5rem;}
.faq-list li .faqtitle .Tit{display:block;color:#000000;font-weight:600;font-size:1.25rem;line-height:1.875rem;padding-right:5rem;}
.faq-list li .faqtitle .close{display:block;position:absolute;top:50%;right:2.5rem;width:1.125rem;height:1.125rem;margin-top:-0.5625rem;overflow:hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.faq-list li .faqtitle .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-624.9375rem; background:url(../images/icon-v2.png) center center no-repeat;background-size:.75rem;}
/*on*/
.faq-list li .faqtitle.on .Tit{color:#008cd6;}
.faq-list li .faqtitle.on .close{transform: rotate(180deg);}
@media screen and (max-width:1200px){
.faq-list li .faqtmain{font-size:1rem;padding:1rem 2rem 2rem 2rem;}
.faq-list li .faqtitle{padding:1.5rem 2rem;}
.faq-list li .faqtitle .Tit{font-size:1.125rem;}
.faq-list li .faqtitle .close{right:2rem;}
}
@media screen and (max-width:1024px){
.faq-list li .faqtmain{padding:1rem 1.5rem 1.5rem 1.5rem;}
.faq-list li .faqtitle{padding:1rem 1.5rem;}
.faq-list li .faqtitle .close{right:1.5rem;}
.faq-list li .faqtitle .Tit{font-size:1.1rem;}
}


/*.service2ListBOX*/
.service2ListBOX{padding-bottom:2.5rem;}
@media screen and (max-width:1200px) {
.service2ListBOX{padding-bottom:2.5rem;}
}
@media screen and (max-width:1024px) {
.service2ListBOX{padding-bottom:2.5rem;}
}
@media screen and (max-width:768px) {
.service2ListBOX{padding-bottom:2.5rem;}
}


/*service2List*/
.service2List .item{background-color:#fff;border-radius:.625rem;box-sizing:border-box;overflow: hidden; margin-bottom: 1.875rem;}
.service2List .item .itema{position:relative; overflow: hidden;padding:6.25rem 3.75rem 5rem 3.75rem;min-height:7.5rem;}
.service2List .item .itemTOP{display:flex;box-sizing:border-box;justify-content:flex-start;padding-bottom:3.375rem;}
.service2List .item .img{width:7.5rem;}
.service2List .item .img img{width:7.5rem; height: 7.5rem;}
.service2List .item .title{font-size:1.125rem;color:#6a6a6a;line-height:1.8;padding-left:2.5rem;}
.service2List .item .title h4{font-size:1.5rem;font-weight:500;color:#000;line-height:1.2;margin-bottom:1.5rem;}
.service2List .item .itemBottom{border-top: 1px solid #e2e3e5;padding-top:4.375rem;}
.service2List .item .itemBottom a{display: inline-block; float:left;margin-right:4.8125rem;font-size:1.125rem;color:#393939;}
.service2List .item .itemBottom a img{width:11.625rem; margin-bottom: .625rem;}
@media screen and (max-width:1200px) {
.service2List .item .title{font-size:1rem;}
.service2List .item .title h4{font-size:1.125rem;margin-bottom:0.5rem;}
.service2List .item .img{width:7rem;}
.service2List .item .img img{width:7rem; height: 7rem;}
.service2List .item .itema{padding:5rem 3rem 4rem 3rem;}
.service2List .item .itemBottom a{margin-right:3rem;font-size:1rem;}
.service2List .item .itemBottom a img{width:9rem;}
.service2List .item .itemBottom{padding-top:3rem;}
.service2List .item .itemTOP{padding-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.service2List .item .title{font-size:0.875rem;}
.service2List .item .title h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List .item .img{width:6rem;}
.service2List .item .img img{width:6rem; height: 6rem;}
.service2List .item .itema{padding:4rem 2.5rem 3rem 2.5rem;}
.service2List .item .itemBottom a img{width:7rem;}
.service2List .item .itemBottom a{margin-right:2rem;}
.service2List .item .itemBottom{padding-top:2.5rem;}
.service2List .item .itemTOP{padding-bottom:2.5rem;}
}
@media screen and (max-width:768px) {
.service2List .item .title{font-size:0.875rem;}
.service2List .item .title h4{font-size:1rem;margin-bottom:0.5rem;}
.service2List .item .img{width:5rem;}
.service2List .item .img img{width:5rem; height:5rem;}
.service2List .item .itema{padding:3rem 2rem 2.5rem 2rem;}
.service2List .item .itemBottom a img{width:6rem;}
.service2List .item .itemBottom a{margin-right:1rem;}
.service2List .item .itemBottom{padding-top:2rem;}
.service2List .item .itemTOP{padding-bottom:2rem;}
}


/*.service2List2BOX*/
.service2List2BOX{padding-top:0;padding-bottom:3.125rem;}
@media screen and (max-width:1200px) {
.service2List2BOX{padding-top:0rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.service2List2BOX{padding-top:0rem;padding-bottom:3rem;}
}
@media screen and (max-width:768px) {
.service2List2BOX{padding-top:0rem;padding-bottom:3rem;}
}


/*service2List*/
.service2List2{display:flex;flex-wrap:wrap;box-sizing:border-box;margin: 0 -.625rem;}
.service2List2 .item{flex:0 0 calc(33.33333% - 1.25rem);border-radius:.625rem;box-sizing:border-box; margin: 0 .625rem; margin-bottom: 1.25rem;}
.service2List2 .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #fff;padding:6.25rem 3.75rem;min-height:20.625rem; background-position:right bottom; background-repeat: no-repeat; background-size:100%; text-align: left;}
.service2List2 .item .img .imgB{width:100%;margin-bottom:2.5rem;}
.service2List2 .item .img img{ max-width:100%;height:3.75rem;}
.service2List2 .item .title{font-size:1rem;color:#6a6a6a;line-height:1.2;}
.service2List2 .item h4{font-size:1.5rem;font-weight:normal;color:#393939;line-height:1.2;margin-bottom:0;}
/**service2List hover*/
.service2List2 .item .itema{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.service2List2 .item .itema:hover{box-shadow:.125rem .75rem 1.6875rem 0 rgba(0, 0, 0, 0.05);}
@media screen and (max-width:1200px) {
.service2List2 .item .title{font-size:1rem;}
.service2List2 .item h4{font-size:1.35rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1.5rem;}
.service2List2 .item .img img{height:3rem;}
.service2List2 .item .itema{padding:5rem 2.5rem 2.5rem 2.5rem;min-height:10rem;}
}
@media screen and (max-width:1150px) {
.service2List2 .item .title{font-size:0.875rem;}
.service2List2 .item h4{font-size:1.25rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1.25rem;}
.service2List2 .item .img img{height:2.5rem;}
.service2List2 .item .itema{padding:3rem 1.5rem;min-height:7rem;}
}
@media screen and (max-width:1024px) {
.service2List2{margin: 0 -0.5rem;}
.service2List2 .item{flex:0 0 calc(33.33333% - 1rem);margin: 0 .5rem; margin-bottom: 1.25rem;}
}
@media screen and (max-width:768px) {
 .service2List2{margin:0;}
.service2List2 .item{flex:0 0 100%;margin:0; margin-bottom: 1.25rem;}
.service2List2 .item .title{font-size:0.875rem;}
.service2List2 .item h4{font-size:1.125rem;margin-bottom:0.5rem;}
.service2List2 .item .img .imgB{margin-bottom:1rem;}
.service2List2 .item .img img{height:2rem;}
.service2List2 .item .itema{padding:3rem 1.5rem;min-height:7rem; background-repeat: no-repeat; background-size:50%;}
}
@media screen and (max-width:640px) {
.service2List2 .item .title img{max-height:3rem;}
.service2List2 .item .itema{padding:2rem 1.5rem;min-height:7rem;}
}



/* service3ListBOX */
.service3List{display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;}
.service3List .item{flex:0 0 calc(33.333333% - 1.25rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service3List .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #fff;}
.service3List .item .img .imgB{padding-bottom:55.65217391304348%; position:relative;width:100%;height:0;overflow: hidden;border-radius:.625rem;}
.service3List .item .img .imgB>div{position:static!important;}
.service3List .item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
.service3List .item .itema,
.service3List .item .img .imgB,
.service3List .item .img img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.service3List .item .itema:hover .img .imgB img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.service3List .item .title{padding:1.5rem 1.5rem; text-align: center;}
.service3List .item .t{font-size:1.25rem;font-weight:normal;color:#000000;line-height:1.5rem;min-height: 3rem;}
/*service3List hover*/
.service3List .item .itema{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.service3List .item .itema:hover{-moz-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1200px) {
.service3List{gap:1.125rem;}
.service3List .item{flex:0 0 calc(33.333333% - 1.125rem);}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1.125rem;}
}
@media screen and (max-width:1150px) {
.service3List{gap:1rem;}
.service3List .item{flex:0 0 calc(50% - 1.125rem);}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1rem;}
}
@media screen and (max-width:768px) {
.service3List{gap:1.5rem;}
.service3List .item{flex:0 0 100%;}
.service3List .item .title{padding:2rem 1.5rem;}
.service3List .item .t{font-size:1rem;}
}


/* service4ListBOX */
.service4List{display:flex;flex-wrap:wrap;gap:1.25rem;box-sizing:border-box;}
.service4List .item{flex:0 0 calc(50% - 1.25rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service4List .item .itema{display:flex;width:100%;height:100%;border-radius:.625rem;border:0;position:relative; overflow: hidden; margin-bottom: .625rem;justify-content:center;align-items: center; padding-top: 6.25rem;padding-bottom: 8.125rem;}
.service4List .item .img{text-align:center; margin-bottom: 4.0625rem; }
.service4List .item .img img{max-width:100%;max-height:1.625rem;}
.service4List .item .itema{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.service4List .item .t{font-size:1.5rem;margin-bottom:.3125rem;font-weight:500;color:#393939;text-align:center;line-height:1.4;}
.service4List .item .des{font-size:1.125rem;font-weight:normal;color:#393939;text-align:center;line-height:1.4; margin-bottom:1.875rem;}
.service4List .item .line{max-width: 500px; height: 1px; width: 100%; margin: 0 auto; background-color: #e2e3e5;}
.service4List .item .btn{ margin-top: 3.125rem;text-align:center; }
.service4List .item .btn a{ display:inline-block;font-size:1rem;min-width:10rem;border-radius:.625rem;line-height:2.8125rem; padding:0 1.875rem; text-align:left; background-color: #fff;color:#000; font-weight:500;border:1px solid #e1e1e1;}
.service4List .item .btn a span{ display:block; text-align:left; padding-right:1.125rem;background:url(../images/icon-see.png) right center no-repeat;background-size:1.125rem;}
.service4List .item .btn a:hover{border-color: #008cd6;color: #008cd6;}
.service4List .item .btn a.downbtn{ margin-left:0.5rem;}
.service4List .item .btn a.downbtn span{ background-image:url(../images/icon-d.png);}
/*service4List hover*/
.service4List .item .itema{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.service4List .item .itema:hover{-moz-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0px 3px 10px 0 rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1200px) {
.service4List{gap:1.125rem;}
.service4List .item .t{font-size:1.25rem;}
.service4List .item .des{font-size:1rem;margin-bottom:1.5rem;}
.service4List .item .btn a{ font-size:1rem;padding:0 1.5rem; }
.service4List .item .itema{padding-top:5rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
.service4List{gap:1rem;}
.service4List .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.service4List .item .des{font-size:0.875rem;margin-bottom:1.5rem;}
.service4List .item .btn a{ font-size:0.875rem;padding:0 1.5rem; }
.service4List .item .itema{padding-top:4rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.service4List{gap:1.5rem;flex-direction: column;}
.service4List .item .itema{flex-direction: column;padding-top:3rem;padding-bottom:3rem;}
.service4List .item .t{font-size:1.125rem;margin-bottom:0.625rem;}
.service4List .item .des{font-size:1rem;margin-bottom: 2rem;}
.service4List .item .btn a{ font-size:0.875rem;padding:0 1.25rem; }
}


/* serviceContact */
.serviceContact{display:block; overflow:hidden;height:0;background-position:center top;background-repeat:no-repeat;color:#fff;position:relative;background-size:cover;border-radius:.625rem;margin-bottom: 2.5rem;}
.serviceContact .serviceContactpic{display:block;width:100%}
.serviceContact .serviceContactpic:before{content:"";display:block;position:relative;z-index:0;padding-top:32.52032520325203%;}
.serviceContact .serviceContactpic>div{position:static!important;}
.serviceContact .serviceContactpic img{position:absolute;top:0;left:0;z-index:1;width:100%;height:150%;object-fit:cover;transition:all 0.8s}
.serviceContact .serviceContactpic img{transform:translateY(-10%);transition:none}
.serviceContact .serviceContactshadow{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;background:url(../images/service5-imgbg.png) left center repeat-y;background-size:100%;}
/*serviceContact .serviceContact-tt*/
.serviceContact .serviceContact-tt{position:absolute;top:6.77vw;left:5.2vw;z-index:2;color:#ffffff;min-width: 31.25rem;} 
.serviceContact .serviceContact-tt .tt{font-size:1.5rem;line-height:1.1;font-weight:600;text-transform:uppercase; margin-bottom: 1.875rem;}
.serviceContact .serviceContact-tt .line{width:100%; height:1px;margin: 0 auto; background-color: rgba(255, 255, 255, 0.3);}
.serviceContact .serviceContact-tt .des{font-size:1.125rem;line-height:3.125rem;margin-top:2.1875rem;}
.serviceContact .serviceContact-tt .des img{width:3.125rem; display: inline-block; margin-right: 1.25rem;}
@media screen and (max-width:1200px) {
.serviceContact .serviceContact-tt .tt{font-size:1.25rem;margin-bottom: 1.5rem;}
.serviceContact .serviceContact-tt .des{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.serviceContact .serviceContact-tt{position:absolute;top:6vw;left:6vw;}
.serviceContact .serviceContactpic:before{padding-top:50%;}
.serviceContact .serviceContact-tt{min-width:0;} 
.serviceContact .serviceContact-tt .tt{font-size:1.125rem;margin-bottom: 1.5rem;}
.serviceContact .serviceContact-tt .des{font-size:1rem;line-height:2.5rem;}
.serviceContact .serviceContact-tt .des img{width:2.5rem;margin-right:1.125rem;}
}
@media screen and (max-width:768px) {
.serviceContact .serviceContactpic:before{padding-top:50%;}
.serviceContact .serviceContact-tt .des{font-size:1rem;line-height:2.5rem;}
.serviceContact .serviceContact-tt .des img{width:2.5rem;margin-right:1rem;}
}
@media screen and (max-width:640px) {
.serviceContact .serviceContact-tt .des{font-size:0.875rem;line-height:2rem;}
.serviceContact .serviceContact-tt .des img{width:2rem;margin-right:1rem;}
}

/* service5List*/
.service5List {display:flex;flex-wrap:wrap;gap:2.8125rem;box-sizing:border-box; padding-bottom:1.25rem;}
.service5List .item{flex:0 0 calc(33.33333% - 2.8125rem);background-color:#fff;border-radius:.625rem;box-sizing:border-box}
.service5List .item .itema{ display: block;width:100%;height:100%;border-radius:.625rem;position:relative; overflow: hidden; background-color: #fff;padding:8.75rem 2.5rem 2.5rem 2.5rem;min-height:32.5rem;}
.service5List .item .img{display:flex;align-items:center;justify-content:center;}
.service5List .item .img .imgB{display:flex;align-items:center;justify-content:center; width:7.5rem; height:7.5rem;margin-bottom:3.75rem;}
.service5List .item .img img{ width:7.5rem; height:7.5rem; padding: .3125rem;border-radius:0.625rem; background-color:#fff;box-shadow: 0px 0 15px 10px rgba(5, 55, 104, 0.05);}
.service5List .item .t{font-size:1.375rem;margin-bottom:1rem;font-weight:500;color:#000000;text-align:center;line-height:1.4;}
.service5List .item .des{font-size:1.125rem;font-weight:normal;color:#6a6a6a;text-align:center;line-height:1.4;}
/*hover*/
.service5List .item .itema{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.service5List .item .itema:hover{background-color:#e7e8ed;}
@media screen and (max-width:1200px) {
.service5List{gap:1.5rem;}
.service5List .item{flex:0 0 calc(33.3333% - 2rem);}
.service5List .item .itema{padding:5rem 1.5rem 3rem 1.5rem;min-height:20rem;}
.service5List .item .img .imgB{ width:6rem; height:6rem;margin-bottom:3rem;}
.service5List .item .t{font-size:1.25rem;margin-bottom:0.625rem;}
.service5List .item .des{font-size:1rem;}
.service5List .item.img img{ width:6rem; height:6rem;}
}
@media screen and (max-width:1024px) {
.service5List{gap:1.5rem;}
.service5List .item{flex:0 0 100%;}
.service5List .item .itema{padding:4rem 1.5rem 3rem 1.5rem;min-height:15rem;}
.service5List .item .img .imgB{ width:6rem; height:6em;margin-bottom:2rem;}
.service5List .item .t{font-size:1.125rem;margin-bottom:0.25rem;}
.service5List .item .des{font-size:0.875rem;}
.service5List .item .img img{ width:6rem; height:6rem;}
}
@media screen and (max-width:768px) {
.service5List{gap:1.5rem;}
.service5List .item{flex:0 0 100%;}
.service5List .item .itema{padding:1.5rem;min-height:10rem;}
.service5List .item .img .imgB{width:6rem; height:6rem;margin-bottom:1rem;}
.service5List .item .t{font-size:1.125rem;margin-bottom:0.25rem;}
.service5List .item .des{font-size:0.875rem;}
.service5List .item .img img{ width:5rem; height:5rem;}
}


/**************************contact**************************/
/*contactbanner*/
.contactbanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff;padding-bottom:63.54166666666667%; position: absolute;top:0;left:0;right:0;background-size:cover;}
.contactbanner .bannerpic{width:100%;/* height:100vh */position:absolute;top:0;left:0;right:0;height:100%}
.contactbanner .bannerpic img{width:100%;height:100%;object-fit:cover}
.contactbanner .contactbanner-tt{position:absolute;top:50%;left:0;right:0;text-align:center;z-index:2;color:#ffffff;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 
.contactbanner .contactbanner-tt .tt{font-size:3.125rem;line-height:1.1;font-weight:600;text-transform:uppercase;}
.contactbanner .contactbanner-tt .des{font-size:1rem;line-height:1.1;margin-top:1.25rem;}
@media screen and (max-width:1200px){
.contactbanner .contactbanner-tt .tt{font-size:2.6rem;}
.contactbanner .contactbanner-tt .des{font-size:1rem;margin-top:1rem;}
}
@media screen and (max-width:1024px){
.contactbanner .contactbanner-tt .tt{font-size:2.2rem;}
.contactbanner .contactbanner-tt .des{font-size:.875rem;margin-top:.625rem;}
.contactbanner{padding-bottom:63.54166666666667%;}
}
@media screen and (max-width:768px){
.contactbanner .contactbanner-tt .tt{font-size:2rem;}
.contactbanner .contactbanner-tt .des{font-size:.875rem;}
.contactbanner{padding-bottom:63.54166666666667%;}
}
@media screen and (max-width:640px){
.contactbanner .contactbanner-tt .tt{font-size:1.8rem;}
}
@media screen and (max-width:370px){
.contactbanner .contactbanner-tt .tt{font-size:1.6rem;}
.contactbanner{padding-bottom:100%;}
}


/*contactList1BOX*/
.pageContactB{padding-top:5.625rem;padding-bottom:1.875rem;padding-left:8.75rem;padding-right:8.75rem;background-color:#f5f6fa;overflow: hidden;border-radius:.625rem;    position: relative;}
@media screen and (max-width:1200px) {
.pageContactB{padding-top:5rem;padding-bottom:1.875rem;padding-left:5rem;padding-right:5rem;}
}
@media screen and (max-width:1150px) {
.pageContactB{padding-top:5rem;padding-bottom:1.875rem;padding-left:4rem;padding-right:4rem;}
}
@media screen and (max-width:1024px) {
.pageContactB{padding-top:5rem;padding-bottom:1.875rem;padding-left:3rem;padding-right:3rem;}
}
@media screen and (max-width:768px) {
.pageContactB{padding-top:4rem;padding-bottom:1.875rem;padding-left:2.5rem;padding-right:2.5rem;}
}


/*contactListBOX*/
.contactList{display:flex;flex-wrap:wrap;justify-content: space-between;gap:1.25rem;box-sizing:border-box;}
.contactList .item{flex:0 0 calc(33.333333% - 1.25rem);box-sizing:border-box}
.contactList .item .itema{ display:block;width:100%;height:100%;position:relative; overflow: hidden;}
.contactList .item .itema:after{ content:''; position: absolute;bottom:0;left:0; width:0; background-color: #008cd6; height: 1px; z-index: 1;}
.contactList .item .title{padding:1.375rem 0}
.contactList .item .t{font-size:1.125rem;font-weight:normal;color:#6a6a6a;line-height:1.5; position: relative; padding-left:1.375rem; margin-bottom: .625rem;}
.contactList .item .t img{ width: 1.125rem; position: absolute;left:0;top:.375rem;height:1.125rem;}
.contactList .item .des{font-size:1.5rem;font-weight:500;color:#000000;line-height:2rem;}
.contactList .item .des a{color:#000000;}
.contactList .item .des a.ditu{font-size:1rem;font-weight:normal;color:#6a6a6a;margin-left:2.75rem;}
.contactList .item .des a.ditu:hover{ text-decoration: underline;}
/*hover*/
.contactList .item .itema,.contactList .item .itema:after{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
/*contactList1*/
.contactList1{ margin-bottom: 3.75rem;}
.contactList1 .item{flex:0 0 100% ;}
.contactList1 .item2{font-size:1rem;font-weight:normal;color:#000000;line-height:1.5;}
@media screen and (max-width:1200px) {
.contactList .item .des{font-size:1.25rem;}
.contactList{gap:1.125rem;}
.contactList .item{flex:0 0 calc(33.333333% - 1.125rem);}
.contactList1 .item{flex:0 0 100% ;}
}
@media screen and (max-width:1024px) {
.contactList .item .des{font-size:1.125rem;}
.contactList{gap:1.125rem;}
.contactList .item{flex:0 0 calc(33.333333% - 1rem);}
.contactList1 .item{flex:0 0 100% ; margin-bottom:1rem;}
.contactList .item .des a.ditu{margin-left:1.5rem;}
}
@media screen and (max-width:768px) {
.contactList{gap:0;}
.contactList .item .des{font-size:1.25rem;}
.contactList .item{flex:0 0 100%; margin-bottom:1.125rem}
.contactList1 .item{flex:0 0 100% ;}
.contactList .item .des a.ditu{margin-left:1rem;}
}


/*contactList2BOX*/
.contactList2BOX{padding-top:3rem;padding-bottom:3rem;border-top:1px solid #d5d5d5}
@media screen and (max-width:1200px) {
.contactList2BOX{padding-top:3rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.contactList2BOX{padding-top:3rem;padding-bottom:3rem;}
}
@media screen and (max-width:768px) {
.contactList2BOX{padding-top:3rem;padding-bottom:3rem;}
}

/*pageTitle*/
.pageTitle{color:#000000;font-weight:500;font-size:1.75rem;line-height:1.875rem; margin-bottom: 2.5rem;}
.pageTitle .des{font-size:1rem;font-weight:normal;color:#6a6a6a;line-height:1.5; margin-top:1.25rem;}
@media screen and (max-width:1200px) {
.pageTitle{font-size:1.5rem;}
}
@media screen and (max-width:1024px) {
.pageTitle{font-size:1.25rem;}
}
@media screen and (max-width:768px) {
.pageTitle{font-size:1.25rem;}
}



/*contactListBOX*/
.contactList2{display:flex;flex-wrap:wrap;box-sizing:border-box; margin:0 -0.625rem;}
.contactList2 div.item{width:calc(33.333333%);box-sizing:border-box;}
.contactList2 div.item .itema{ display:block;position:relative; overflow: hidden;background-position: center top; background-repeat: no-repeat;background-size:cover; background-color: #fff;border-radius: 0.625rem;padding: 2.5rem 1.875rem;transition: 0.3s;margin:0 0.625rem;}
.contactList2 div.item .itema:hover{-webkit-box-shadow:2px 12px 27px 0 rgba(0, 0, 0, 0.05);box-shadow:2px 12px 27px 0 rgba(0, 0, 0, 0.05);}
.contactList2 div.item .t{font-size:1.25rem;font-weight:600;color:#000000;line-height:1.5; text-align: center;margin-bottom:2.25rem;}
.contactList2 div.item .img{position:relative;width:7.5rem;height:7.5rem;overflow: hidden;border-radius:50%; margin: 0 auto; margin-bottom:1rem;}
.contactList2 div.item .img>div{ position:static!important;}
.contactList2 div.item .img img{max-width:100%;max-height:100%;width:100%;object-fit: cover; position: absolute;left: 0;top:0;}
@media screen and (max-width:1200px) {
.contactList2 div.item .des{font-size:1.25rem;}
.contactList2{margin:0 -0.5625rem;}
.contactList2 div.item{width:calc(33.333333%);}
.contactList2 div.item .itema{margin:0 0.5625rem;}
}
@media screen and (max-width:1024px) {
.contactList2 div.item .des{font-size:1.125rem;}
.contactList2{margin:0 -0.25rem;}
.contactList2 div.item{width:calc(33.333333%);}
.contactList2 div.item .itema{margin:0 0.25rem;}
}
@media screen and (max-width:960px) {
.contactList2{gap:0;margin:0;}
.contactList2 div.item .des{font-size:1.25rem;}
.contactList2 div.item{width:100%; margin-bottom:1.125rem;}
.contactList2 div.item .itema{margin:0;}
}


/*lxList*/
.lxList{margin:0;padding: 0;list-style:none;}
.lxList li.item{position:relative;overflow:hidden;background-color: #fff; margin-bottom:.625rem;border-radius:.375rem;border:1px solid #d5d5d5;}
.lxList li.item .lxtmain{font-size:1rem;line-height:1.5;color:#444444; font-weight:normal;padding:1.25rem 1rem;display:none;}
.lxList li.item .lxtitle{overflow:hidden;cursor:pointer;position:relative;padding:.9375rem 2.5rem;}
.lxList li.item .lxtitle .tit{display:block;color:#000000;font-weight:normal;font-size:1rem;line-height:1.5rem;}
.lxList li.item .lxtitle .tit span{display:inline-block;background-position: left center; background-repeat: no-repeat;background-image:url(../images/icon-tel2.png);background-size:1.25rem;padding-left:1.875rem;}
.lxList li.item .lxtitle .tit span.icon-mail{background-image:url(../images/icon-em2.png);}
.lxList li.item .lxtitle .tit a{color:#000000;}
.lxList li.item .lxtitle .dropbtn{display:block;position:absolute;top:50%;right:1rem;width:1.5rem;height:1.5rem;margin-top:-0.75rem;overflow:hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;font-size:0; cursor:pointer;}
.lxList li.item .lxtitle .dropbtn span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0;font-size:0;background:url(../images/icon-v3.png) center center no-repeat;background-size:.625rem;}
.lxList li.item .lxtitle.on .dropbtn{transform: rotate(180deg);}
@media (max-width:1200px){
.lxList li.item .lxtitle{padding:.9375rem 1.5rem;}
}
@media (max-width:768px){
.lxList li.item .lxtitle{padding:.9375rem 1rem;}
}

/*pageTit1*/
.pageTit1{position:relative;font-size:2.125rem;line-height:1.5;color:#000000;text-align:center; font-weight:600;margin-bottom:4.375rem;}
.pageTit1 .enTit{font-size:1rem;color:#6a6a6a;text-transform:uppercase;display:block;font-weight:300; font-family:Inter,Arial,Helvetica,sans-serif;}
.pageTitDesc{font-size:1.125rem;line-height:1.5;color:#000000;font-weight:normal;margin-bottom:4.375rem; text-align: center;}
@media screen and (max-width:1200px){
.pageTit1{font-size:2rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){
.pageTit1{font-size:1.8rem;margin-bottom:2rem;}
.Sec .pageTit1{ display: none;}
}
@media screen and (max-width:768px){
.pageTit1{font-size:1.6rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:640px){
.pageTit1{font-size:1.4rem;margin-bottom:1.5rem;}
}

/*feedbackBOX*/
.feedbackBOX{padding-top:6.5625rem;padding-bottom:6.875rem;background-color:#fff;}
@media screen and (max-width:1200px) {
.feedbackBOX{padding-top:6rem;padding-bottom:6rem;}
}
@media screen and (max-width:1024px) {
.feedbackBOX{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.feedbackBOX{padding-top:4rem;padding-bottom:4rem;}
}

/*feedbackBox*/
.feedbackBox{padding:0;}
.feedback{padding:0;margin:0 -0.375rem;}
.feedback .t{font-size:1.125rem;color:#000000;line-height:3.375rem;font-weight:normal;text-align:left;display:block;}
.feedback .l1{float:left;width:25%; position:relative;}
.feedback .l2{float:left;width:50%; position:relative;}
.feedback .l3{float:left;width:100%; position:relative;}
.feedback .l1Box{margin:0 0.375rem;}
.feedback .text{display:block;width:100%;padding:.625rem 1.25rem;height:4.25rem;margin-bottom:1.25rem;outline:none;font-size:1rem;color:#000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;border:1px solid #f1f1f5;border-radius:.625rem;background:#f1f1f5;text-align:left; }
.feedback .icon .l1Box{position:relative;}
.feedback .icon .l1Box:after{content:'';position:absolute;top:0;left:0;background-position: center center;background-repeat: no-repeat;pointer-events:none; z-index:2; background-size:1.625rem;width:4.25rem;height:4.25rem;margin-top:3.375rem;}
.feedback .icon .text{padding-left:4.25rem; }
.feedback .icon-name .l1Box:after{background-image:url('../images/icon-name.png');}
.feedback .icon-email .l1Box:after{background-image:url('../images/icon-email.png');}
.feedback .icon-tel .l1Box:after{background-image:url('../images/icon-phone.png');}
.feedback .icon-company .l1Box:after{background-image:url('../images/icon-company.png');}
.feedback .text2{padding:1.25rem;height:19.125rem;margin-bottom:3.5rem;}
.feedback .inputbtn{display:block;outline:none;color: #fff;border:none;background-color: #000;cursor:pointer;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;width:9.0625rem;font-size:1rem;line-height:3.4375rem;border-radius:3.4375rem;transition: 0.4s;margin:0 auto;}
.feedback .inputbtn:hover{background-color: #008cd6;}
@media screen and (max-width:1200px){	
.feedback .t{font-size:1.125rem;line-height:3.375rem;}
.feedback .text{padding:.625rem 1.25rem;height:4rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.5rem;width:4rem;height:4rem;margin-top:3.375rem;}
.feedback .icon .text{padding-left:4rem; }
.feedback .text2{padding:1.25rem;height:18rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){	
.feedback .l1{width:50%;}
.feedback .t{font-size:1rem;line-height:3rem;}
.feedback .text{padding:.625rem 1.25rem;height:3.5rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.25rem;width:3.5rem;height:3.5rem;margin-top:3rem;}
.feedback .icon .text{padding-left:3.5rem; }
.feedback .text2{padding:1.25rem;height:15rem;margin-bottom:3rem;}
}
@media screen and (max-width:768px){	
.feedback{margin:0 auto;}
.feedback .l1{float:none;width:100%;}
.feedback .l2{float:none;width:100%;}
.feedback .l3{float:none;width:100%;}
.feedback .text{width: 100%;}
.feedback .l1Box{margin:0 auto;}
.feedback .inputbtn{width:100%;}
}
/**************************brand**************************/

/*brandList*/
.brandList .item{background-color:#fff;border-radius:.625rem;box-sizing:border-box;overflow: hidden;padding-top:8.25rem;padding-bottom:8.25rem;}
.brandList .item:nth-child(2n){background-color:#f1f2f4;}
.brandList .item .itema{display:block;position:relative; overflow: hidden;}
.brandList .item .itemTOP{display:flex;box-sizing:border-box;justify-content:flex-start;padding-bottom:4rem;}
.brandList .item .img{width:44%;}
.brandList .item .img a{ display:inline-block;}
.brandList .item .img img{width:10.625rem;}
.brandList .item .title{font-size:1.125rem;color:#6a6a6a;line-height:1.8;width:56%;}
.brandList .item .title h5{font-size:1.125rem;font-weight:500;color:#000;line-height:1.5;margin-bottom:1.5rem;}
.brandList .item .itemBottom{display:flex;box-sizing:border-box;justify-content:flex-start;border-top: 1px solid #e2e3e5; margin-bottom:4.5rem;}
.brandList .item .brandLeft{font-size:1.125rem;color:#6a6a6a;line-height:1.8;width:44%; padding-top: 1.5625rem;}
.brandList .item .brandcs{width:56%;}
/*brandcs*/
.brandcs ul{margin:0;padding:0;list-style:none;overflow:hidden;}
.brandcs li{ display:block;}
.brandcs li .itemli{display:flex;flex-shrink:0;padding:1.5625rem 0;width:100%;position:relative;border-bottom:1px solid #e6e6e6; font-size: 1rem; color: #6a6a6a; line-height: 1.5rem;}
.brandcs li .tt{width:40%;flex-grow:0;line-height:1.5rem; font-weight: 500;color: #000; }
.brandcs li .wz{width:60%;display:flex;align-items:center;flex-grow:1;justify-content:flex-start;color:#6a6a6a;}
.brandcs li .wz img{max-width:100%;height:1.125rem;margin-right:0.625rem;}
/*brandcs table*/
.brandcs table{ width:100%;border:none!important;}
.brandcs table td{ width:50%;padding:1.5625rem 0;position:relative; font-size: 1rem; color: #6a6a6a; line-height: 1.5rem;border:none;border-bottom:1px solid #e6e6e6;}
.brandcs table td:nth-child(1){ width:40%;}
.brandcs table td:nth-child(2){ width:60%;}
.brandcs table td b{font-weight: 500;color: #000;}
/* brandimg */
.brandimg{display:block;background-position:center top;background-repeat:no-repeat;color:#fff; position:relative;background-size:cover;border-radius:.625rem; overflow: hidden;}
.brandimg .brandimgpic{display:block;width:100%}
.brandimg .brandimgpic:before{content:"";display:block;position:relative;z-index:0;padding-top:33.33333333333333%;}
.brandimg .brandimgpic>div{position:static!important;}
.brandimg .brandimgpic img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;}
.brandList .item .itema,
.brandimg .brandimgpic,
.brandimg .brandimgpic img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.brandimg .brandimgpic:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.brandimg .brandimgshadow{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;background:url(../images/service5-imgbg.png) left center repeat-y;background-size:100%;}
@media screen and (max-width:1200px){	
.brandList .item{padding-top:5rem;padding-bottom:5rem;}
.brandList .item .img img{width:9rem;}
.brandList .item .img{width:40%;}
.brandList .item .title{width:60%;}
.brandList .item .brandLeft{width:40%;}
.brandList .item .brandcs{width:60%;}
.brandimg{margin-bottom:1rem;}
}
@media screen and (max-width:1024px){	
.brandList .item{padding-top:3rem;padding-bottom:3rem;}
.brandList .item .img img{width:7rem;}
.brandList .item .img{width:30%;}
.brandList .item .title{width:70%;}
.brandList .item .brandLeft{width:30%;}
.brandList .item .brandcs{width:70%;}
}
@media screen and (max-width:768px){	
 .brandList .item{padding-top:3rem;padding-bottom:3rem;}
.brandList .item .img img{width:9rem; margin-bottom: 2rem;}
.brandList .item .itemTOP{flex-direction: column;}
.brandList .item .title{width:100%;}
.brandList .item .img{width:100%;}
.brandList .item .itemBottom{flex-direction: column;}
.brandList .item .brandLeft{width:100%;margin-bottom: 1rem;}
.brandList .item .brandcs{width:100%;}
}

/**************************pass**************************/
/*passNetworkB*/
.passNetwork{ padding-top:5rem; padding-bottom:3.125rem; background-color:#f3f7ff;}
.passNetworkB{position:relative;}
/*passMap*/
.passMap .passMapB{position:relative;text-align: center;}
.passMap .passMapB img{max-width:100%;}
.passMap .passMapB .pic-point{position:absolute;top:0;left:0;width:100%; height:100%;}
/*pic-point*/
.pic-point ul{padding:0;list-style:none;font-size:0;}
.pic-point li{font-size:1rem;color:#000;font-weight:500; text-align:left;line-height:1;vertical-align:baseline; position: relative; display:inline-block;}
.pic-point li strong{font-size:2.5rem;line-height:1;font-family:Inter, Arial, Helvetica, sans-serif;font-weight:500;color:#008CD6;position:relative;top:.125rem;}
.pic-point li .sup{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align: top;margin-left:.625rem; color:#008CD6;font-family:Inter, Arial, Helvetica, sans-serif;font-weight:400;}
.pic-point li .sub{font-size:2.25rem;line-height:1;position:relative;top:0;vertical-align:baseline;margin-left:.625rem;margin-right:.625rem; color:#008CD6;font-weight: normal;}
.pic-point li:nth-child(1){ position: absolute;top:0;left:37%;animation:mymoveli4 2s infinite 0.3s;}
.pic-point li:nth-child(2){ position: absolute;top:34%;left:70%;animation:mymoveli4 2s infinite 0.5s;}
.pic-point li:nth-child(3){ position: absolute;top:80%;left:63%; animation:mymoveli4 2s infinite 0.7s;}
.pic-point li:nth-child(4){ position: absolute;top:50%;right:70%; animation:mymoveli4 2s infinite 0.9s;}
@keyframes mymoveli1{0%{transform:scale(1) translateY(10px)}50%{transform:scale(1) translateY(0)}100%{transform:scale(1) translateY(10px)}}
@keyframes mymoveli2{0%{transform:scale(1) translateX(10px)}50%{transform:scale(1) translateX(0)}100%{transform:scale(1) translateX(10px)}}
@keyframes mymoveli3{0%{transform:scale(1) translateX(-10px)}50%{transform:scale(1) translateX(0)}100%{transform:scale(1) translateX(-10px)}}
@keyframes mymoveli4{0%{transform:scale(1) translateY(-10px)}50%{transform:scale(1) translateY(0)}100%{transform:scale(1) translateY(-10px)}}
@media screen and (max-width:1200px) {
.pic-point li{font-size:0.875rem;}
.pic-point li strong{font-size:2rem;top:.125rem;}
.pic-point li .sup{font-size:1.125rem;margin-left:.5rem;}
.pic-point li .sub{font-size:1.125rem;margin-left:.5rem;margin-right:.5rem;}
}
@media screen and (max-width:1024px) {
.pic-point li strong{font-size:1.5rem;}
.pic-point li .sup{font-size:1rem;}
.pic-point li .sub{font-size:1rem;}
}
@media screen and (max-width:768px) {
.pic-point li strong{font-size:1.25rem;}
.pic-point li{ min-width:10.625rem;}
.pic-point li:nth-child(2){left:auto;right:0%;top:25%;}
.pic-point li:nth-child(4){right:auto; left:0%;top:40%;}
.pic-point li:nth-child(3){ position: absolute;top:90%;left:53%;}
}


/*passNetwork2B*/
.passNetwork2{ padding-top:5rem; padding-bottom:3.125rem; background-color:#ebeff9;}
.passNetwork2B{position:relative;}
.passNetwork2 .pageTitDesc h4{font-weight:400;}
/*passMap2*/
.passMap2{text-align: center;}
.passMap2 .passMap2B{position:relative;text-align: center; display:inline-block;}
.passMap2 .passMap2B img{max-width:100%;}
.passMap2 .passMap2B .pic-point{position:absolute;top:0;left:0;width:100%; height:100%;}
.passMap2 .passMap2B .yuan{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events: none;}
.passMap2 .passMap2B .yuan .y{position:absolute;width:4px;height:4px;pointer-events: none;}
.passMap2 .passMap2B .yuan .y::before{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:yuansacle 3s linear infinite}
.passMap2 .passMap2B .yuan .y::after{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);animation:yuansacle 3s 1.5s linear infinite}
.passMap2 .passMap2B .yuan .y.y1{left: 26.5%;top: 36%;}
.passMap2 .passMap2B .yuan .y.y1::before,.passMap2 .passMap2B .yuan .y.y1::after{width:13.75rem;height:13.75rem}
.passMap2 .passMap2B .yuan .y.y2{left: 34.9%;top: 63%;}
.passMap2 .passMap2B .yuan .y.y2::before,.passMap2 .passMap2B .yuan .y.y2::after{width:12.125rem;height:12.125rem}
.passMap2 .passMap2B .yuan .y.y3{left: 60.1%;top: 26.166667%;}
.passMap2 .passMap2B .yuan .y.y3::before,.passMap2 .passMap2B .yuan .y.y3::after{width:13.75rem;height:13.75rem}
.passMap2 .passMap2B .yuan .y.y4{left: 65%;top: 40%;}
.passMap2 .passMap2B .yuan .y.y4::before,.passMap2 .passMap2B .yuan .y.y4::after{width:9.75rem;height:9.75rem}
.passMap2 .passMap2B .yuan .y.y5{left: 71.2%;top: 68%;}
.passMap2 .passMap2B .yuan .y.y5::before,.passMap2 .passMap2B .yuan .y.y5::after{width:8.125rem;height:8.125rem}
@media screen and (max-width:1024px){
.passMap2 .passMap2B .yuan .y.y1::before,.passMap2 .passMap2B .yuan .y.y1::after{width:10rem;height:10rem}
.passMap2 .passMap2B .yuan .y.y2::before,.passMap2 .passMap2B .yuan .y.y2::after{width:9rem;height:9rem}
.passMap2 .passMap2B .yuan .y.y3::before,.passMap2 .passMap2B .yuan .y.y3::after{width:10rem;height:10rem}
.passMap2 .passMap2B .yuan .y.y4::before,.passMap2 .passMap2B .yuan .y.y4::after{width:7rem;height:7rem}
.passMap2 .passMap2B .yuan .y.y5::before,.passMap2 .passMap2B .yuan .y.y5::after{width:6rem;height:6rem}
}
@media screen and (max-width:768px){
.passMap2 .passMap2B .yuan .y.y1::before,.passMap2 .passMap2B .yuan .y.y1::after{width:7rem;height:7rem}
.passMap2 .passMap2B .yuan .y.y2::before,.passMap2 .passMap2B .yuan .y.y2::after{width:6rem;height:6rem}
.passMap2 .passMap2B .yuan .y.y3::before,.passMap2 .passMap2B .yuan .y.y3::after{width:8rem;height:8rem}
.passMap2 .passMap2B .yuan .y.y4::before,.passMap2 .passMap2B .yuan .y.y4::after{width:5rem;height:5rem}
.passMap2 .passMap2B .yuan .y.y5::before,.passMap2 .passMap2B .yuan .y.y5::after{width:4rem;height:4rem}
}



/************************product************************/
/*proBOX*/
.proBOX{padding-top:5.625rem;padding-bottom:5.625rem;background-color:#fff;}
.proBOX .indexTit{text-align:center;}
@media screen and (max-width:1200px) {
.proBOX{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.proBOX{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:768px) {
.proBOX{padding-top:3rem;padding-bottom:3rem;}
}
/****************proBOX Sec-pcmenu****************/
.proBOX .Sec-menu{width:16.875rem;}
.proBOX .SecList{width:calc(100% - 16.875rem);}
.proBOX .SecList .SecListB {padding-left:2.75rem;}
.proBOX .Sec-pcmenu{padding-left:0;padding-right:0;}
.proBOX .Sec-pcmenu .lia{border-bottom: 1px solid #d9d9d9; font-weight:600;padding-top:1.125rem;padding-bottom:1.125rem;}
.proBOX .Sec-pcmenu  .icon-em{top:1.125rem;}
.proBOX .Sec-pcmenu ul{border-bottom:none;}
.proBOX .Sec-pcmenu .active .lia{border-color:#008cd6;}
.proBOX .Sec-menuTit2{display: block;font-size:1rem;line-height:1.5rem;text-align:left; font-weight: 600; color:#6a6a6a;margin-bottom:.625rem;}
.proBOX .Sec-menuTit2 span{background:url(../images/icon-protb.png) left center no-repeat;background-size:1.125rem;padding-left:1.5rem;display:block;}
/*proBOX */
.proBOX .Sec-pcmenu .Secdl{padding-top:1.25rem;}
.proBOX .Sec-pcmenu .Secdl dd a{color:#5a5a5a;}
.proBOX .Sec-pcmenu .Secdl dd.active a{color:#008cd6;}
@media screen and (max-width:1200x){
.proBOX .Sec-menu{width:15rem;}
.proBOX .SecList{width:calc(100% - 15rem);}
.proBOX .SecList .SecListB {padding-left:1.25rem;}
}
@media screen and (max-width:1024px){
.proBOX .Sec-menu{width:100%;}
.proBOX .SecList{width:100%;}
.proBOX .SecList .SecListB {padding-left:0;}
.proBOX .Sec-pcmenu{padding-left:1.5rem;padding-right:1.5rem;}
.proBOX .Sec-menuTit{background-color:#f5f6fa;}
}



/*pageProductList*/
.pageProductList{padding:0;list-style:none;position:relative;overflow:hidden;font-size:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1rem;margin:0;}
.pageProductList .item{position:relative;z-index:1;cursor:pointer; display:block;}
.pageProductList .item .itema{display:block; position:relative;background-color: #f5f6fa;border-radius:0.625rem;padding:9.375rem 2.5rem 2.5rem 2.5rem;}
.pageProductList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;}
.pageProductList .item .imgBox .img{position:relative;padding-bottom:100%;}
.pageProductList .item .imgBox .img>div{position:static!important;}
.pageProductList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.pageProductList .item .itema,
.pageProductList .item .imgBox img,
.pageProductList .item .t:before,
.pageProductList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageProductList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.pageProductList .item .t{font-size:1rem;line-height:1.5;color:#000000;font-weight:500; margin-top:.625rem; text-align: center; position: absolute;top:2.5rem; left:0; right:0;}
@media screen and (max-width:1200px){
.pageProductList{grid-template-columns: repeat(2, 1fr);}
.pageProductList .item .itema{padding:9rem 2.5rem 2.5rem 2.5rem;}
.pageProductList .item .t{top:2.5rem;}
}
@media screen and (max-width:1024px){
.pageProductList .item .itema{padding:7rem 2rem 2rem 2rem;}
.pageProductList .item .t{top:2rem;}
}
@media screen and (max-width:768px){
.pageProductList .item .itema{padding:5rem 1.5rem 1.5rem 1.5rem;}
.pageProductList .item .t{top:2.5rem;}
}
@media screen and (max-width:640px){
.pageProductList{grid-template-columns: repeat(1, 1fr);}
}



/************************productDetail************************/
/*slick初始化*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{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-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff;}
.slick-prev,.slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:1.75rem;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-1.5625rem}
[dir=rtl] .slick-prev{left:auto;right:-1.5625rem}
.slick-next{right:-1.5625rem}
[dir=rtl] .slick-next{left:-1.5625rem;right:auto}
.slick-dotted.slick-slider{margin-bottom:1.875rem}
.slick-dots{position:absolute;bottom:-1.5625rem;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:1.25rem;width:1.25rem;margin:0 .3125rem;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:1.25rem;width:1.25rem;outline:none;line-height:0;font-size:0;color:transparent;padding:.3125rem;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}


/************************pagePosition************************/
.pagePositionBox{overflow:hidden;padding-bottom:1.5625rem;padding-top:1.5625rem;background:#fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);border-top: 1px solid #eeeeef;    z-index: 800; position: relative; /* position: sticky;top: 0; */transition: all .4s ease;}
.pagePosition{display:block;color:#6a6a6a;font-size:.875rem;line-height:1.75rem;font-weight: 300;}
.pagePosition a{color:#646464;position:relative;}
.pagePosition a.homei{ display:inline-block; padding-left:1.25rem;background:url(../images/icon-home.png) left center no-repeat; background-size:.875rem;}
.pagePosition a:hover{ color:#008cd6;}
@media screen and (max-width:768px){
.pagePosition{font-size:.875rem;}
.pagePosition a.homei{padding-left:.9375rem; background-size:.75rem;}
}

/************************productDetail************************/
/*swiper-button*/
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:3.125rem;height:6.25rem;margin-top:-3.125rem;position:absolute;top:50%;cursor:pointer;z-index:10;outline:none;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.75rem; background-repeat: no-repeat; background-position:center center;display: block; content:""; position:absolute;top:0;left:0; width:100%; height:100%;-moz-transition: all .4s;-ms-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.swiper-btn .swiper-button-prev:after{background-image:url(../images/arrow-left.png);}
.swiper-btn .swiper-button-next:after{background-image:url(../images/arrow-right.png);} 
.swiper-btn .swiper-button-prev{left:0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.swiper-btn .swiper-button-next{right:0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.proCaseSW-swiper:hover .swiper-btn .swiper-button-prev,
.proCaseSW-swiper:hover .swiper-btn .swiper-button-next{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.swiper-btn .swiper-button-prev.swiper-button-disabled,
.swiper-btn .swiper-button-next.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width:1024px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:2.5rem;height:5rem;margin-top:-2.5rem;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.625rem;}
}
@media screen and (max-width:768px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:1.875rem;height:3.75rem;margin-top:-1.875rem;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:.5rem;}
}


/*indexbanner-pagination*/
.paginationB{position:absolute;bottom:1.875rem;left:0;right:0; z-index:5; text-align:center; margin:0 auto;}
.paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.paginationB .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none;margin:0 .3125rem;border-radius:.625rem; background:#fff;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.paginationB .swiper-pagination span.swiper-pagination-bullet-active{background:#008cd6;width:1.875rem;}
@media screen and (max-width:1024px) {
.paginationB .swiper-pagination{bottom:1.75rem;}
}
@media screen and (max-width:768px) {
.paginationB .swiper-pagination{bottom:1.5rem;}
}



/*prodetailimg*/
.detailBox{ background-color: #fff; padding-top:3.75rem; padding-bottom:8.4375rem;overflow:hidden;}
.detailBox .prodetailimg{ width:50%; float:left;}
.detailBox .prodetailimgBox{ margin-right:7.1875rem;overflow: hidden;}	
.detailBox .detailNr{width:50%;float:right; position:relative; padding-top: 12.5rem;}
@media screen and (min-width:768.1px){
.detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:6.25rem;}	
}
@media screen and (max-width:1200px){
.detailBox{padding-top:3rem; padding-bottom:7rem;}
.detailBox .detailNr{padding-top:4rem;}
.detailBox .prodetailimgBox{ margin-right:5rem;}	
}
@media screen and (max-width:1024px){
.detailBox{padding-top:3rem; padding-bottom:5rem;}
.detailBox .prodetailimg{ width:55%;}
.detailBox .detailNr{width:45%;}
.detailBox .prodetailimgBox{ margin-right:3rem;}	
.detailBox .detailNr{padding-top:2.5rem;}
}
@media screen and (max-width:768px){
.detailBox{padding-top:3rem; padding-bottom:3rem;}
.detailBox .prodetailimgBox{ margin-right:0rem; margin-bottom: 1.5rem;}	
.detailBox .prodetailimg{ float:none; width:100%;}
.detailBox .detailNr{width:100%;float:none; padding:0 1.5rem;}
.detailBox .detailNr .detailNrBox{padding:1.5625rem 0; padding-bottom: 0; }
.detailBox .prodetailimg{ position:relative;}
}
@media screen and (max-width:640px){
.detailBox .detailNr{padding:0 0;}
}



/*bigImg*/
.bigImg{ position:relative;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:auto;position:relative;background:#f5f6fa; width:100%;border-radius:.625rem;}
.bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom:100%;position:relative;border-radius:.625rem; display: block;}
.bigImg .swiper-container .swiper-slide .img>div{position:static!important;}
.bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:100%;max-width:100%;object-fit:contain;border-radius:.625rem;}
.bigImg .swiper-btn{ text-align:center; font-size:0; line-height:0;margin-top:2.5rem; position:relative;}
.bigImg .swiper-btn .mbtn{width:1.5rem;height:1.5rem;overflow:hidden;position: static;top:0; margin:0;margin-top:0;cursor:pointer;z-index:9;outline:none; background-repeat:no-repeat; background-size:0.875rem; display:inline-block;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.bigImg .swiper-btn .mbtn.swiper-button-prev:after,
.bigImg .swiper-btn .mbtn.swiper-button-next:after{ display: none;}
.bigImg .swiper-btn .swiper-button-prev{background-image:url(../images/arrow-left3.png);left:0;}
.bigImg .swiper-btn .swiper-button-next{background-image:url(../images/arrow-right3.png);right:0;}
.bigImg .swiper-btn .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
.bigImg .swiper-big{width:1.8rem;height:1.8rem;overflow:hidden;position: absolute;top: 1rem;right: 1rem;margin:0;margin-top:0;cursor:pointer;z-index:9;outline:none;background-repeat:no-repeat;background-size: 100%;background-image:url(../images/icon-big.png);display:inline-block;pointer-events: none;}


/*swiper-pagination*/
.bigImg .swiper-pagination{display:inline-block; position:static; width:auto;margin:0 3.75rem;height:1.5rem; overflow:hidden;}
.bigImg .swiper-pagination .swiper-pagination-bullet{ width:2px; height:0.75rem; background:#aeaeae;border-radius:0;opacity:1;transition: all .5s ease; }
.bigImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#008cd6;height:1.5rem;}
@media screen and (max-width:768px) {
.bigImg .swiper-container{ padding-bottom:0;}
.bigImg .swiper-container .swiper-slide .img{border-radius:0;}
}




/*prott*/
.prolei{font-size:1.25rem; line-height:1.5;color:#ff6a00;padding-bottom:0.5rem;font-weight:600;}
.prott{font-size:1.75rem; line-height:1.5;color:#000000;padding-bottom:1.875rem;font-weight:500;}
.prott span{ display:inline-block; text-align: left; padding-left:.875rem;background-size:.375rem; background-repeat: no-repeat; background-position:left center;background-image:url(../images/icon-ll.jpg);}
.prodes{font-size:1.125rem;line-height:1.5;color:#6a6a6a;padding-bottom:4.375rem; font-weight:normal;}
.prott2{font-size:1rem; line-height:1.5;color:#000000;padding-bottom:1.5625rem;font-weight:400;}
.prolink{ font-size: 0; line-height: 0;}
.prolink a{ font-size:1rem; text-align:center;color:#000000;display: inline-block;font-weight:normal;line-height:3.125rem;border-radius:.625rem;padding: 0 2.125rem; background-color: #f9f9f9; -moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;  margin-right: .625rem;}
.prolink a:hover{ background-color: #008cd6;color: #fff;}
/*prolink2*/
.prolink2{margin: 0; padding:0; list-style: none;}
.prolink2 li{ display:inline-block;  position: relative;margin-right: .625rem; margin-bottom: .625rem;}
.prolink2 li .aa{ font-size:1rem; text-align:center;display: inline-block;font-weight:normal;line-height:3.125rem;border-radius:.625rem;padding: 0 1.875rem;background-color: #008cd6;color: #fff; -moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;   position: relative; z-index: 2;}
.prolink2 li .aa span{ display:inline-block;min-width:7.5rem;padding-right:2rem;text-align: left; background-size:1.25rem; background-repeat: no-repeat; background-position:right center;background-image:url(../images/icon-down.png);}
.prolink2 li:nth-child(2) .aa span{background-image:url(../images/icon-doc.png);}
.prolink2 li:nth-child(3) .aa span{background-image:url(../images/icon-video.png);}
/**/
.prolink2 li .drop{ display:none;background-color: #f9f9f9; padding:4.375rem 0 1.875rem 0; position: absolute;top:0;left: 0; width: 100%;border-radius:.625rem;}
.prolink2 li:hover .drop{ display: block;}
.prolink2 li .drop a{ font-size:1rem; text-align:left;display:block;font-weight:normal;line-height:1.75rem;color: #6a6a6a;transition: all .5s ease-in-out;  margin-right: .625rem;padding: 0 1.875rem;}
.prolink2 li .drop a:hover{color: #008cd6;}
@media screen and (max-width:1200px){
.prolei{font-size:1.2rem;}
.prott{font-size:2rem;padding-bottom:1.5rem;}	
.prodes{font-size:1.1rem;line-height:1.5;padding-bottom:3rem;}
.prolink a{ font-size:1rem;line-height:3rem;border-radius:3rem;padding: 0 1.5rem;min-width:7rem;}
.prolink a span{padding-right:2rem;}
}
@media screen and (max-width:1024px){
.prolei{font-size:1.125rem;}
.prott{font-size:1.5rem;padding-bottom:1rem;}	
.prodes{font-size:1rem;line-height:1.5;padding-bottom:2.5rem;}
.prolink a{ font-size:1rem;line-height:2.5rem;border-radius:2.5rem;padding: 0 1.25rem;}
}
@media screen and (max-width:768px){
.prolei{font-size:1.125rem;}
.prott{font-size:1.4rem;}	
.prodes{font-size:1rem;line-height:1.5;padding-bottom:2rem;}
.prolink a{ font-size:0.975rem;line-height:2.5rem;border-radius:2.5rem;padding: 0 1.25rem;}
}

/*pageProInfo_nav*/
.pageProInfo_nav{position:sticky;position:-webkit-sticky;top:5rem;z-index:10;transition:all 0.4s;float:left;margin-bottom:.625rem; padding-top: 1.875rem;}
.pageProInfo_nav.hide{ visibility: hidden; opacity:0;}
.pageProInfo_nav ul{margin:0;padding:0;list-style: none;}
.pageProInfo_nav li{position:relative;z-index:10;flex-shrink:0;cursor:pointer;width:100%; line-height:2.5rem; font-size:1.5rem; color: #434343;}
.pageProInfo_nav li span{display:inline-block; text-align: left; padding-left:1.875rem;background-size:.375rem; background-repeat: no-repeat; background-position:left center;}
.pageProInfo_nav li.on span{background-image:url(../images/icon-ll.jpg); color: #000000; font-weight:500;}
@media screen and (max-width:1200px){
.pageProInfo_nav li{line-height:2.5rem; font-size:1.45rem;}
.pageProInfo_nav li span{padding-left:1.5rem;background-size:.3rem; }
}
@media screen and (max-width:1024px){
.pageProInfo_nav li{line-height:2rem; font-size:1.25rem;}
.pageProInfo_nav li span{padding-left:1.25rem;background-size:.25rem; }
}
@media screen and (max-width:768px){
  .pageProInfo_nav { float: none;top: 0; background-color: #fff; display:none; position: relative;}
.pageProInfo_nav li{line-height:1.8rem; font-size:1.125rem; display:inline-block; margin-right: .625rem; width: auto;}
.pageProInfo_nav li span{padding-left:1rem;background-size:.2rem; }
}





/*pageProInfo_intro*/
.pageProInfo_boxNr{ width:72.61904761904762%; float: right;padding-top: 1.875rem;}
.pageProInfo_intro {font-size:1.125rem;line-height:1.3;color:#434343;font-weight:400;padding-bottom:5.875rem;}
.pageProInfo_intro img {max-width:100%;height:auto!important;border-radius: 0.625rem;}
.pageProInfo_tit{font-size:1.875rem; color: #000000; line-height: 1; margin-bottom: 1.875rem;}
.pageProInfo_tit span{display:inline-block; text-align: left; padding-left:2.5rem;background-size:1.625rem; background-repeat: no-repeat; background-position:left center;background-image:url(../images/icon-prodd.png); color: #000000; font-weight:500;}
@media screen and (max-width:1200px){
.pageProInfo_intro {font-size:1rem;padding-bottom:3rem;}
.pageProInfo_tit{font-size:1.5rem; margin-bottom: 1.5rem;}
.pageProInfo_tit span{padding-left:2.25rem;background-size:1.5rem;}
}
@media screen and (max-width:1024px){
  .pageProInfo_intro {font-size:1rem;padding-bottom:3rem;}
.pageProInfo_boxNr{ width:80%;}
.pageProInfo_tit{font-size:1.35rem; margin-bottom: 1.35rem;}
.pageProInfo_tit span{padding-left:2rem;background-size:1.25rem;}
}
@media screen and (max-width:768px){
.pageProInfo_boxNr{ width:100%;}
.pageProInfo_tit{font-size:1.25rem; margin-bottom: 1.25rem;}
.pageProInfo_tit span{padding-left:1.8rem;background-size:1.125rem;}
}


/*pageProInfo_para*/
.pageProInfo_para{ padding-bottom:1.25rem;}
.pageProInfo_para table{width:100%;border:none!important;}
.pageProInfo_para table td{ text-align:left; vertical-align:middle; padding:1.375rem 0; line-height:1.5rem; font-size:1.125rem; color:#6a6a6a;width:50%;border:none;border-bottom: 1px solid #dfdfdf;}
.pageProInfo_para table td:nth-child(1){color:#000;}
@media screen and (max-width:1200px){
.pageProInfo_para table td{ padding:1.35rem 0; line-height:1.5; font-size:1rem; }
}


/*procs*/
.procs{ padding-top:5.625rem;padding-bottom:6.25rem;}
.procs ul{margin:0 -1.25rem;padding:0;list-style:none;overflow:hidden;display:flex;flex-wrap: wrap;}
.procs li{ display:block; width: 50%;}
.procs li .item{display:flex;flex-shrink:0;padding:1.4375rem 0;position:relative;font-size:1.125rem; color: #000000; line-height: 1.5rem;margin:0 1.25rem;border-bottom: 1px solid #dbdddf;}
.procs li .tt{width:50%;flex-grow:0;line-height:1.5rem;font-weight:500;text-align: center;}
.procs li .wz{width:50%;display:flex;align-items:center;flex-grow:1;justify-content:center;font-size:1.125rem;color:#6a6a6a;font-weight:normal;text-align: center;}
@media screen and (max-width:1200px) {
.procs{ padding-top:5rem;padding-bottom:6rem;}
.procs li .item{font-size:1rem;line-height: 1.25rem;padding:1.25rem 0;}
.procs li .wz{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.procs{ padding-top:4rem;padding-bottom:5rem;}
.procs li .item{font-size:1rem;line-height:1.5;padding:1.125rem 0;}
.procs li .wz{font-size:1rem;}
}
@media screen and (max-width:768px) {
.procs{ padding-top:3rem;padding-bottom:4rem;}
.procs li{ display:block; width:100%;}
.procs li .item{font-size:1rem;line-height:1.5;padding:1rem 0;}
.procs li .wz{font-size:1rem;}
}



/*products-swiper*/
.pageProXg{background-color: #fff;padding-top:5.625rem;padding-bottom:6.875rem;overflow:hidden;}
.products-swiper{ overflow: hidden;position: relative;margin: 0 -0.625rem;}
.products-swiper .swbtn .mbtn.swiper-button-prev{left:1.25rem;}
.products-swiper .swbtn .mbtn.swiper-button-next{right:1.25rem;}
/*xgProductList*/
.xgProductList{padding:0;list-style:none;position:relative;/*overflow:hidden;*/font-size:0;display:flex;}
.xgProductList .item{position:relative;z-index:1;cursor:pointer; display:block; width:25%;}
.xgProductList .item .itema{display:block; position:relative;background-color: #f5f6fa;border-radius:0.625rem;padding:11.5rem 3.0625rem 3.0625rem 3.0625rem;margin: 0 .625rem;}
.xgProductList .item .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;}
.xgProductList .item .imgBox .img{position:relative;padding-bottom:100%;}
.xgProductList .item .imgBox .img>div{position:static!important;}
.xgProductList .item .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.xgProductList .item .itema,
.xgProductList .item .imgBox img,
.xgProductList .item .t:before,
.xgProductList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.xgProductList .item .itema:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.xgProductList .item .t{font-size:1.25rem;line-height:1.5;color:#000000;font-weight:500; margin-top:.625rem; text-align: center; position: absolute;top:3.0625rem; left:0; right:0;}
@media screen and (max-width:1200px){
  .pageProXg{padding-top:4rem;padding-bottom:5rem;}
.xgProductList .item{width:33.3333%;}
.xgProductList .item .itema{padding:9.375rem 2.5rem 2.5rem 2.5rem;}
.xgProductList .item .t{font-size:1rem;margin-top:.625rem;top:2.5rem;}
}
@media screen and (max-width:1024px){
  .pageProXg{padding-top:3rem;padding-bottom:3rem;}
.xgProductList .item{width:50%;}
.xgProductList .item .itema{padding:7rem 2rem 2rem 2rem;}
.xgProductList .item .t{top:2rem;}
}
@media screen and (max-width:768px){
  .pageProXg{padding-top:3rem;padding-bottom:3rem;}
.xgProductList .item{width:50%;}
.xgProductList .item .itema{padding:5rem 1.5rem 1.5rem 1.5rem;}
.xgProductList .item .t{top:40px;}
}
@media screen and (max-width:640px){
.xgProductList .item{width:100%;}
}


/************************page-tab************************/
.page-tab{margin:0 auto;padding:0;text-align: center; padding-top:4.375rem;}
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;*display:inline;zoom:1;position: relative;height:2.5rem;line-height:2.5rem;border-radius:.3125rem; vertical-align:top;}
.page-tab ul li a{font-size:1rem;padding:0 .3125rem;margin:0 .3125rem;min-width:2.5rem;height:2.5rem;line-height:2.5rem;display:inline-block;text-align:center;color:#363636;border-radius:.3125rem; font-weight:normal;border:1px solid #fff; background-color: #fff;}
.page-tab ul li.prev-page a{background:url(../images/icon-left.png) center center no-repeat  #fff; background-size:.875rem;padding:0;}
.page-tab ul li.next-page a{background:url(../images/icon-right.png) center center no-repeat  #fff; background-size:.875rem;padding:0;}
.page-tab ul li a.focus{border-color:#363636;}
.page-tab ul li a:hover{border-color:#363636;}
@media screen and (max-width:1200px){
.page-tab{padding-top:3rem;}
}
@media screen and (max-width:1024px){
.page-tab{padding-top:2.5rem;}
.page-tab ul li a{font-size:.875rem;margin:0 .3125rem;}
}
@media screen and (max-width:768px){
.page-tab{padding-top:2rem;}
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}



/*****************************proService start*****************************/
/*pageTit3*/
.pageTit3{color:#000000;font-weight:500;font-size:1.75rem;line-height:1.5;padding-bottom:.875rem;margin-bottom:3.125rem; text-align: center;border-bottom:1px solid #e6e6e6}
@media screen and (max-width:1200px){
.pageTit3{font-size:1.6rem;margin-bottom:2.5rem;}
}
@media screen and (max-width:1024px){
  .pageTit3{font-size:1.5rem;margin-bottom:2rem;}
}
@media screen and (max-width:768px){
.pageTit3{font-size:1.25rem;margin-bottom:1.5rem;}
}



/*pro3BOX*/
.pro3BOX{padding-top:5rem;padding-bottom:0;}
@media screen and (max-width:1200px) {
.pro3BOX{padding-top:5rem;padding-bottom:0rem;}
}
@media screen and (max-width:1024px) {
.pro3BOX{padding-top:4rem;padding-bottom:0rem;}
}
@media screen and (max-width:768px) {
.pro3BOX{padding-top:3rem;padding-bottom:0rem;}
}



/*pro3List*/
.pro3ListBOX{overflow:hidden;padding-top:0;padding-bottom:5.3125rem;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro3List{padding:0;list-style:none;font-size:0;display:grid;grid-template-columns: repeat(3, 1fr);gap:1.25rem;flex-wrap:wrap;width:100%}
.pro3List .item{ display:block;background-color: #f5f6fa;border-radius:.625rem;}
.pro3List .itema{display:block;position:relative;overflow:hidden;border-radius:.625rem;background:#f5f6fa; text-align: center;}
.pro3List .title{padding:6.875rem 1.875rem 3.75rem 1.875rem;}
.pro3List .title .des{font-size:1rem;color:#6a6a6a; font-weight:normal;line-height:1.5;margin: 0 auto;}
.pro3List .title .t{font-size:1.375rem;color:#363636;line-height:1.5;margin-bottom:1.125rem;font-weight:500;}
.pro3List .title .icon{display:block;height:4.375rem;margin-bottom:1.5625rem;text-align: center;}
.pro3List .title .icon img{display:inline-block;height:4.375rem;max-width:100%;max-height:100%;object-fit: cover;}
/*pro3List hover*/
.pro3List .title .icon img,
.pro3List .item{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pro3List .item:hover {-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.pro3List .item:hover .icon img{-webkit-transform: rotate(10deg);transform: rotate(10deg);}
@media screen and (max-width:1220px){
.pro3List .title{padding:3rem 3rem;}
.pro3List .title .des{font-size:1.125rem;max-width:100%;}
.pro3List .title .t{font-size:1.25rem;}
.pro3List .title .icon{height:3rem;}
.pro3List .title .icon img{height:3rem;}
}
@media screen and (max-width:1024px){
.pro3List{grid-template-columns: repeat(2, 1fr);}
} 
@media screen and (max-width:768px){
.pro3List{grid-template-columns: repeat(1, 1fr);}
.pro3List .title{padding:2.5rem;}
.pro3List .title .des{font-size:1rem;max-width:100%;}
.pro3List .title .t{font-size:1.125rem;}
}



/*proCaseSW*/
.proCaseSW{background-color: #f5f6fa;padding-top:5.625rem;padding-bottom:170px;}
@media screen and (max-width:1200px){
.proCaseSW{padding-top:4rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px){
.proCaseSW{padding-top:3rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.proCaseSW{padding-top:3rem;padding-bottom:4rem;}
}

/*proCase*/
.proCase{ overflow:hidden; position: relative;margin:0 -0.625rem;}
.proCase .proCaseB{ font-size:0;margin:0 auto;width:100%; padding:0; list-style: none;}
.proCase .item{ display:inline-block;*display:inline;zoom:1;width:100%;height:100%;vertical-align:top; outline:none;}
.proCase .itema{display:block;margin:0 .625rem; position:relative;overflow:hidden;}
.proCase .img{overflow:hidden;padding-bottom:62.68191268191268%; position:relative;background:#fff;border-radius:.625rem;}
.proCase .img>div{position:static!important;}
.proCase .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;background:url('../images/pro3-tubg.png') no-repeat center bottom; background-size: 100%;}
.proCase .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.proCase .title{position:absolute;left:0;bottom:0;font-size:1.125rem;color:#fff;line-height:1.5;padding:2.5rem;z-index: 3;}
.proCase .title .t{font-size:1.375rem;color:#fff;line-height:1.3; font-weight:500; margin-bottom: .625rem;}
/*hover*/
.proCase .itema,.proCase .title:after,.proCase .title .t,.proCase .title .more,
.proCase .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.proCase .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.proCase .itema:hover .img img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.proCase{margin:0 -1.25rem;}
.proCase .itema{margin:0 1.25rem;}
.proCase .title{font-size:1rem;line-height:1.4;padding:1.5rem;}
.proCase .title .t{font-size:1.25rem;}
}
@media screen and (max-width:1024px){
.proCase{margin:0;}
.proCase .itema{margin:0 1rem;}
.proCase .title{font-size:1rem;line-height:1.4;padding:1.25rem;}
.proCase .title .t{font-size:1.125rem;}
}
@media screen and (max-width:767px){
.proCase{margin:0;}
.proCase .itema{margin:0 0.5rem;}
.proCase .title{font-size:1rem;line-height:1.4;padding:1.125rem;}
}


/*slick item*/
.proCase .item{width:44.27083333333333vw;}
.proCase .item{opacity:1;}
.proCase .item.slick-active{opacity:1;}
/*proCase slick-prev/slick-next*/
.proCase .slick-prev,
.proCase .slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.proCase .slick-prev,
.proCase .slick-next{display:block;width:2.5rem;height:2.5rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:7px;}
.proCase .slick-prev{background-image:url(../images/arrow-left.png);left:20vw;}
.proCase .slick-next{background-image:url(../images/arrow-right.png);right:20vw;}
.proCase .slick-prev:hover{background-color: #008cd6;}
.proCase .slick-next:hover{background-color: #008cd6;}
/*proCase slick-dotted*/
.proCase .slick-dotted.slick-slider{margin-bottom:0}
@media screen and (max-width:768px){
.proCase .slick-dotted.slick-slider{margin-bottom:30px;}	
.proCase .slick-dots{display:block!important;}
}
@media screen and (max-width:1200px){
.proCase .item{width:60vw;}
.proCase .slick-prev{left:10vw;}
.proCase .slick-next{right:10vw;}
}
@media screen and (max-width:1024px){
.proCase .item{width:80vw;}
.proCase .slick-prev{left:3vw;}
.proCase .slick-next{right:3vw;}
}
@media screen and (max-width:767px){
.proCase .item{width:90vw;}
.proCase .slick-prev{left:10vw;}
.proCase .slick-next{right:10vw;}
}





/*swbtn3*/
.swbtn3{ font-size:0;line-height: 0;}
.swbtn3 .mbtn{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.5625rem;background-color:#fff;}
.swbtn3 .mbtn.swiper-button-disabled{opacity:0;}
.swbtn3 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:3%;}
.swbtn3 .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:3%;}
.swbtn3 .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left2.png);}
.swbtn3 .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right2.png);}
.swbtn3 .mbtn:hover{ background-color: #000000;}
@media screen and (max-width:1200px){
.swbtn3 .mbtn{width:4rem;height:4rem;}
}
@media screen and (max-width:1024px){
.swbtn3 .mbtn{width:3rem;height:3rem;background-size:0.5rem;}
}
@media screen and (max-width:768px){
.swbtn3 .mbtn{width:3rem;height:3rem;background-size:0.5rem;}
.swbtn3 .mbtn{ background-color: #000000;}
}


/*proCase .swiper-wrapper*/
.proCase .swiper-wrapper{margin:0 auto;}
.proCase .swiper-container{ overflow: visible;}
.proCase .proCase-swiper{width:40%}
.proCase .swiper-slide{opacity: 0.3;}
.proCase .swiper-slide.swiper-slide-active{opacity:1;}
.proCase .swbtn3 .mbtn.swiper-button-prev{left:20vw;}
.proCase .swbtn3 .mbtn.swiper-button-next{right:20vw;}
@media screen and (max-width:1200px){
.proCase .proCase-swiper{width:60%}
.proCase .swbtn3 .mbtn.swiper-button-prev{left:5vw;}
.proCase .swbtn3 .mbtn.swiper-button-next{right:5vw;}
}
@media screen and (max-width:1024px){
.proCase .proCase-swiper{width:80%}
}
@media screen and (max-width:767px){
.proCase .proCase-swiper{width:90%}
}


/*pageTit4*/
.pageTit4{position:relative;font-size:1.5rem;line-height:1.5;color:#6a6a6a;text-align:center; font-weight:500;margin-bottom:4.375rem;}
.pageTit4 .des{font-size:1.125rem;}
.pageTit4 .tt{font-size:2.125rem;color:#000;text-transform:uppercase;display:block;font-weight:400; font-family:Inter,Arial,Helvetica,sans-serif; margin-bottom: 1.25rem;}
@media screen and (max-width:1200px){
.pageTit4{font-size:1.25rem;margin-bottom:3rem;}
.pageTit4 .tt{font-size:2rem;margin-bottom: 1.125rem;}
}
@media screen and (max-width:1024px){
.pageTit4{font-size:1.125rem;margin-bottom:2rem;}
.pageTit4 .tt{font-size:1.75rem;margin-bottom: 1.125rem;}
}
@media screen and (max-width:768px){
.pageTit4 .tt{font-size:1.5rem;}
}



/*pro3List3*/
.pro3ListBOX3{overflow:hidden;padding-top:8.125rem;padding-bottom:5.625rem;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro3List3{padding:0;list-style:none;font-size:0;display:grid;grid-template-columns: repeat(3, 1fr);flex-wrap:wrap;width:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;overflow:hidden;border-radius:.625rem;}
.pro3List3 .item{ display:block;}
.pro3List3 .itema{position:relative;overflow:hidden;min-height:37.5rem;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:normal;text-align: center;}
.pro3List3 .itema::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:1px;background:#fff; background-size: 100%; opacity: 0.3;}
.pro3List3 .title{padding:6.875rem 1.875rem 3.75rem 1.875rem; }
.pro3List3 .title .des{font-size:1rem;color:#fff; font-weight:normal;line-height:1.5;margin: 0 auto;}
.pro3List3 .title .t{font-size:1.25rem;color:#fff;line-height:1.5;font-weight:500;}
.pro3List3 .title .icon{display:block;height:3.125rem;margin-bottom:1.5625rem;text-align: center;}
.pro3List3 .title .icon img{height:3.125rem;display:inline-block;max-width:100%;max-height:100%;object-fit: cover;}
/*hover*/
.pro3List3 .title .des,
.pro3List3 .title .t,
.pro3List3 .item .icon,
.pro3List3 .item{-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pro3List3 .item:hover .icon,
.pro3List3 .item:hover .title .t{transform:translateY(-1.25rem);}
.pro3List3 .item:hover .title .t{transition-delay: 0.1s;}
@media screen and (max-width:1200px){
.pro3ListBOX3{padding-top:7rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px){
.pro3ListBOX3{padding-top:5rem;padding-bottom:3rem;}
}
@media screen and (max-width:768px){
.pro3ListBOX3{padding-top:3rem;padding-bottom:3rem;}
.pro3List3{grid-template-columns: repeat(1, 1fr);}
.pro3List3 .itema::after{height:1px; width:100%;}
.pro3List3 .itema{min-height:0;}
.pro3List3 .title{padding:5rem 1.875rem; }
}








/*proCaseSW*/
.proCaseSW4{background-color: #f5f6fa;padding-top:5.625rem;padding-bottom:6.25rem;}
@media screen and (max-width:1200px){
.proCaseSW4{padding-top:4rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px){
.proCaseSW4{padding-top:3rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.proCaseSW4{padding-top:3rem;padding-bottom:4rem;}
}

/*proCase*/
.proCase4{ overflow:hidden; position: relative;margin:0 -0.625rem;}
.proCase4 .proCase4B{ font-size:0;margin:0 auto;width:100%; padding:0; list-style: none;}
.proCase4 .item{ display:inline-block;*display:inline;zoom:1;width:100%;height:100%;vertical-align:top; outline:none;}
.proCase4 .itema{display:block;margin:0 .625rem; position:relative;overflow:hidden;}
.proCase4 .img{overflow:hidden;padding-bottom:52.08333333333333%; position:relative;background:#fff;border-radius:.625rem;}
.proCase4 .img>div{position:static!important;}
.proCase4 .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;background:url('../images/pro3-tubg.png') no-repeat center bottom; background-size: 100%;}
.proCase4 .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.proCase4 .title{font-size:1rem;color:#6a6a6a;line-height:1.5;padding:2.5rem 0 0 0;z-index: 3;}
.proCase4 .title .t{font-size:1.75rem;color:#000;line-height:1.3; font-weight:500; margin-bottom: .625rem;}
/*hover*/
.proCase4 .itema,.proCase4 .title:after,.proCase4 .title .t,.proCase4 .title .more,
.proCase4 .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.proCase4 .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.proCase4 .itema:hover .img img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.proCase4{margin:0 -1.25rem;}
.proCase4 .itema{margin:0 1.25rem;}
.proCase4 .title{font-size:1rem;line-height:1.4;padding:1.5rem  0 0 0;}
.proCase4 .title .t{font-size:1.5rem;}
}
@media screen and (max-width:1024px){
.proCase4{margin:0;}
.proCase4 .itema{margin:0 1rem;}
.proCase4 .title{font-size:1rem;line-height:1.4;padding:1.25rem  0 0 0;}
.proCase4 .title .t{font-size:1.375rem;}
}
@media screen and (max-width:767px){
.proCase4{margin:0;}
.proCase4 .itema{margin:0 0.5rem;}
.proCase4 .title{font-size:1rem;line-height:1.4;padding:1.125rem  0 0 0;}
.proCase4 .title .t{font-size:1.375rem;}
}


/*slick item*/
.proCase4 .item{width:44.27083333333333vw;}
.proCase4 .item{opacity:0.3;}
.proCase4 .item.slick-active{opacity:1;}
.proCase4 .item .title{opacity: 0;}
.proCase4 .item.slick-active .title{opacity:1;}
/*proCase slick-prev/slick-next*/
.proCase4 .slick-prev,
.proCase4 .slick-next{position:absolute;top:40%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.proCase4 .slick-prev,
.proCase4 .slick-next{display:block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:40%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.5625rem; background-color: #fff;}
.proCase4 .slick-prev{background-image:url(../images/arrow-left2.png);left:20vw;}
.proCase4 .slick-next{background-image:url(../images/arrow-right2.png);right:20vw;}
.proCase4 .slick-prev:hover{background-image:url(../images/arrow-left.png);background-color: #008cd6;}
.proCase4 .slick-next:hover{background-image:url(../images/arrow-right.png);background-color: #008cd6;}
/*proCase slick-dotted*/
.proCase4 .slick-dotted.slick-slider{margin-bottom:0}
@media screen and (max-width:768px){
.proCase4 .slick-dotted.slick-slider{margin-bottom:30px;}	
.proCase4 .slick-dots{display:block!important;}
}
@media screen and (max-width:1200px){
.proCase4 .item{width:60vw;}
.proCase4 .slick-prev{left:10vw;}
.proCase4 .slick-next{right:10vw;}
}
@media screen and (max-width:1024px){
.proCase4 .item{width:80vw;}
.proCase4 .slick-prev{left:3vw;}
.proCase4 .slick-next{right:3vw;}
}
@media screen and (max-width:767px){
.proCase4 .item{width:90vw;}
.proCase4 .slick-prev{left:10vw;}
.proCase4 .slick-next{right:10vw;}
}


/*proCase .swiper-wrapper*/
.proCase4 .swiper-wrapper{margin:0 auto;}
.proCase4 .swiper-container{ overflow: visible;}
.proCase4 .proCase4-swiper{width:40%}
.proCase4 .swiper-slide{opacity: 0.3;}
.proCase4 .swiper-slide.swiper-slide-active{opacity:1;}
.proCase4 .swbtn3 .mbtn.swiper-button-prev{left:20vw;}
.proCase4 .swbtn3 .mbtn.swiper-button-next{right:20vw;}
@media screen and (max-width:1200px){
.proCase4 .proCase4-swiper{width:60%}
.proCase4 .swbtn3 .mbtn.swiper-button-prev{left:5vw;}
.proCase4 .swbtn3 .mbtn.swiper-button-next{right:5vw;}
}
@media screen and (max-width:1024px){
.proCase4 .proCase4-swiper{width:80%}
}
@media screen and (max-width:767px){
.proCase4 .proCase4-swiper{width:90%}
}

/*pro3bBOX*/
.pro3bBOX .pageTit1{ margin-bottom:0;}

/*pro3Listb*/
.pro3ListbBOX{overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro3Listb{padding:0;list-style:none;font-size:0;width:100%}
.pro3Listb .item{ display:block;background-color: #fff;border-radius:.625rem;padding-top:13.375rem;padding-bottom:11.875rem;}
.pro3Listb .item:nth-child(2n){ background-color: #f5f6fa;}
.pro3Listb .itema{position:relative;overflow:hidden;border-radius:.625rem;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:normal;text-align:center; max-width: 72.5rem;margin: 0 auto;}
.pro3Listb .item:nth-child(2n) .itema{ flex-direction: row-reverse;}
.pro3Listb .title{flex:0 0 calc(47.67241379310345%);}
.pro3Listb .img{flex:0 0 calc(52.32758620689655%);}
.pro3Listb .title .titleB{padding:6.875rem 4.375rem 4.375rem 0;text-align:left;}
.pro3Listb .item:nth-child(2n) .title  .titleB{ padding:6.875rem 0 4.375rem 4.375rem ;}
.pro3Listb .title .des{font-size:1.125rem;color:#6a6a6a; font-weight:normal;line-height:1.5;}
.pro3Listb .title .t{font-size:1.75rem;color:#000000;line-height:1.5;margin-bottom:3.125rem;font-weight:500;border-bottom:1px solid #e6e6e6; padding-bottom: 1.25rem;}
.pro3Listb .title .icon{display:block;height:2rem;margin-bottom:1.5625rem;}
.pro3Listb .title .icon img{display:inline-block;height:2rem;max-width:100%;max-height:100%;object-fit: cover;}
.pro3Listb .img{display:block;}
.pro3Listb .img img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:100%;}
/*hover*/
.pro3Listb .item{-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pro3Listb .item:hover {-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
@media screen and (max-width:1200px){
.pro3Listb .item{ padding-top:10rem;padding-bottom:9rem;}
.pro3Listb .title .t{font-size:1.5rem;}
.pro3Listb .title .titleB{padding:5rem 3rem 3rem 0;}
.pro3Listb .item:nth-child(2n) .title  .titleB{ padding:5rem 0 3rem 3rem;}
}
@media screen and (max-width:1024px){
.pro3Listb .item{ padding-top:1rem;padding-bottom:7rem;}
.pro3Listb .itema{flex-direction: column; max-width: 590px; margin: 0 auto;}
.pro3Listb .item:nth-child(2n) .itema{flex-direction: column;}
.pro3Listb .title,
.pro3Listb .img{flex:0 0 calc(100%);}
.pro3Listb .title .t{font-size:1.25rem;}

.pro3Listb .title .titleB{padding:4rem 0 3rem 0;}
.pro3Listb .item:nth-child(2n) .title  .titleB{ padding:4rem 0 3rem 0;}
}
@media screen and (max-width:768px){
.pro3Listb .item{ padding-top:1rem;padding-bottom:5rem;}
.pro3Listb .title .t{font-size:1.35rem;}
}

/*pro3cBOX{*/
.pro3cBOX{ padding-top: 5rem;padding-bottom:0;}
@media screen and (max-width:768px){
.pro3cBOX{ padding-top:3rem;padding-bottom:0;}
}

/*pro3cBOX1*/
.pro3cBOX1{padding:7.5rem 7.5rem;margin-top:1.25rem;overflow:hidden;background-size:100%;background-position:left bottom;background-repeat:no-repeat;border-radius:.625rem; background-color: #f5f6fa;}
.pro3cBOX1 .pro3cBOX1B{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items: center;justify-content: flex-end;}
.pro3cBOX1 .pro3cBOX1B .title{flex:0 0 calc(62.5%);text-align: left; float: right;}
.pro3cBOX1 .pro3cBOX1B .tit{color:#000;display:inline-block;font-size:2.125rem;line-height:1.5;font-weight:500; margin-bottom:.3125rem;}
.pro3cBOX1 .pro3cBOX1B .tit span{display:inline-block;line-height:1;vertical-align: top;}
.pro3cBOX1 .pro3cBOX1B .des{font-size:1.125rem;color:#000000;line-height:1.5;}
@media screen and (max-width:1200px){
.pro3cBOX1{padding:7rem 7rem;}
}
@media screen and (max-width:1024px){
.pro3cBOX1{padding:6rem 5rem;}
}
@media screen and (max-width:768px){
.pro3cBOX1{padding:5rem 3rem;}
.pro3cBOX1 .pro3cBOX1B .title{flex:0 0 calc(100%);text-align:center;}
.pro3cBOX1 .pro3cBOX1B .tit{font-size:1.8rem;margin-bottom:0.625rem;}
}




/*pro3Listc*/
.pro3ListcBOX{overflow:hidden;padding-top:8.75rem;padding-bottom:4.375rem;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro3ListcBOX .pageTit4{ text-align: left;}
.pro3Listc{padding:0;list-style:none;font-size:0;display:grid;grid-template-columns: repeat(4, 1fr);gap:1.25rem;flex-wrap:wrap;width:100%}
.pro3Listc .item{ display:block;background-color: #f5f6fa;border-radius:.625rem;}
.pro3Listc .itema{display:block;position:relative;overflow:hidden;border-radius:.625rem;background:#f5f6fa; text-align: center;}
.pro3Listc .title{padding:2.8125rem 2.8125rem;}
.pro3Listc .title .des{font-size:1rem;color:#6a6a6a; font-weight:normal;line-height:1.5; text-align: left;}
.pro3Listc .title .t{font-size:1.375rem;color:#363636;line-height:1.5;margin-bottom:.3125rem;font-weight:500; text-align: left;}
.pro3Listc .title .icon{display:block;height:3.125rem;margin-bottom:2.1875rem;text-align:left;}
.pro3Listc .title .icon img{display:inline-block;height:3.125rem;max-width:100%;max-height:100%;object-fit: cover;}
.pro3Listc .title .icon img,
.pro3Listc .item{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pro3Listc .item:hover {-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.pro3Listc .item:hover .icon img{-webkit-transform: rotate(10deg);transform: rotate(10deg);}
@media screen and (max-width:1200px){
.pro3ListcBOX{padding-top:7rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px){
.pro3ListcBOX{padding-top:5rem;padding-bottom:3rem;}
.pro3Listc{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:768px){
.pro3ListcBOX{padding-top:4rem;padding-bottom:3rem;}
.pro3Listc{grid-template-columns: repeat(1, 1fr);}
}




/*proNetworkB*/
.proNetwork{ padding-top:6.875rem; padding-bottom:5.625rem; background-color:#f2f5f6;}
.proNetworkB{position:relative;}
@media screen and (max-width:1200px){
.proNetwork{ padding-top:5rem; padding-bottom:4rem;}
}
@media screen and (max-width:1024px){
.proNetwork{ padding-top:4rem; padding-bottom:3rem;}
}
@media screen and (max-width:768px){
.proNetwork{ padding-top:3rem; padding-bottom:3rem;}
}


/*proMap*/
.proMap{ text-align: center;}
.proMap .proMapB{position:relative;text-align: center; display:inline-block;}
.proMap .proMapB img{max-width:100%;}
.proMap .proMapB .pic{ position: relative;z-index:0;pointer-events: none;}
.proMap .proMapB .pic-point{position:absolute;top:0;left:0;width:100%; height:100%;z-index:3;pointer-events: none;/* animation:mymoveli 2s infinite 0.3s; */ }
.proMap .proMapB .yuan{width:100%;height:100%;position:absolute;top:0;left:0;z-index:4;pointer-events: none;}
.proMap .proMapB .yuan .y{position:absolute;width:4px;height:4px;pointer-events: none;}
.proMap .proMapB .yuan .y::before{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:yuansacle 3s linear infinite}
.proMap .proMapB .yuan .y::after{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);animation:yuansacle 3s 1.5s linear infinite}
.proMap .proMapB .yuan .y.y1{left: 17.4%;top: 30%;}
.proMap .proMapB .yuan .y.y1::before,.proMap .proMapB .yuan .y.y1::after{width:13.75rem;height:13.75rem}
.proMap .proMapB .yuan .y.y2{left:27.6%;top:66.5%;}
.proMap .proMapB .yuan .y.y2::before,.proMap .proMapB .yuan .y.y2::after{width:12.125rem;height:12.125rem}
.proMap .proMapB .yuan .y.y3{left: 46.5%;top: 53.167%;}
.proMap .proMapB .yuan .y.y3::before,.proMap .proMapB .yuan .y.y3::after{width:13.75rem;height:13.75rem}
.proMap .proMapB .yuan .y.y4{left: 65.8%;top: 42.5%;}
.proMap .proMapB .yuan .y.y4::before,.proMap .proMapB .yuan .y.y4::after{width:9.75rem;height:9.75rem}
.proMap .proMapB .yuan .y.y5{left: 70.2%;top: 74%;}
.proMap .proMapB .yuan .y.y5::before,.proMap .proMapB .yuan .y.y5::after{width:8.125rem;height:8.125rem}
@media screen and (max-width:1024px){
.proMap .proMapB .yuan .y.y1::before,.proMap .proMapB .yuan .y.y1::after{width:10rem;height:10rem}
.proMap .proMapB .yuan .y.y2::before,.proMap .proMapB .yuan .y.y2::after{width:9rem;height:9rem}
.proMap .proMapB .yuan .y.y3::before,.proMap .proMapB .yuan .y.y3::after{width:10rem;height:10rem}
.proMap .proMapB .yuan .y.y4::before,.proMap .proMapB .yuan .y.y4::after{width:7rem;height:7rem}
.proMap .proMapB .yuan .y.y5::before,.proMap .proMapB .yuan .y.y5::after{width:6rem;height:6rem}
}
@media screen and (max-width:768px){
.proMap .proMapB .yuan .y.y1::before,.proMap .proMapB .yuan .y.y1::after{width:7rem;height:7rem}
.proMap .proMapB .yuan .y.y2::before,.proMap .proMapB .yuan .y.y2::after{width:6rem;height:6rem}
.proMap .proMapB .yuan .y.y3::before,.proMap .proMapB .yuan .y.y3::after{width:8rem;height:8rem}
.proMap .proMapB .yuan .y.y4::before,.proMap .proMapB .yuan .y.y4::after{width:5rem;height:5rem}
.proMap .proMapB .yuan .y.y5::before,.proMap .proMapB .yuan .y.y5::after{width:4rem;height:4rem}
}



/*pro3Contact*/
.pro3Contact{padding-top: 7.1875rem; padding-bottom: 7.1875rem; background:#339edc;margin-top:1.25rem;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro3Contact .pro3ContactB{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items: center;}
.pro3Contact .pro3ContactB .title{display:inline-block;font-size:1.375rem;margin-bottom:.3125rem; color: #fff; line-height: 1.5;}
.pro3Contact .pro3ContactB .more{ margin-top:2.5rem;} 
.pro3Contact .pro3ContactB .more a{ font-size:1rem; text-align:center;color:#000000;display: inline-block;font-weight:normal;line-height:3.125rem;border-radius:.625rem;padding: 0 2.125rem; background-color: #f9f9f9; -moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out; }
.pro3Contact .pro3ContactB .more a:hover{ background-color: #008cd6;color: #fff;}
@media screen and (max-width:1200px){
.pro3Contact{padding-top: 6rem; padding-bottom:6rem;}
.pro3Contact .pro3ContactB .title{font-size:1.25rem;}
.pro3Contact .pro3ContactB .more{ margin-top:2rem;} 
}
@media screen and (max-width:1024px){
.pro3Contact{padding-top: 5rem; padding-bottom:5rem;}
.pro3Contact .pro3ContactB .title{font-size:1.125rem;}
}
@media screen and (max-width:768px){
.pro3Contact{padding-top:4rem; padding-bottom:4rem;}
.pro3Contact .pro3ContactB .title{font-size:1.125rem;}
}


/*pro4BOX*/
.pro4BOX .pageTit1{ margin-bottom:1.875rem;}


/*pro4List*/
.pro4ListBOX{background-size:cover;background-position:center top;background-repeat:no-repeat;}
.pro4List{padding:0;list-style:none;font-size:0;width:100%}
.pro4List .item{ display:block;margin-bottom: 3.75rem;}
.pro4List .itema{position:relative;overflow:hidden;border-radius:.625rem;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:normal;text-align: center; margin: 0 auto;}
.pro4List .item:nth-child(2n) .itema{ flex-direction: row-reverse;}
.pro4List .title{flex:0 0 calc(50%);}
.pro4List .img{flex:0 0 calc(50%);}
.pro4List .title .titleB{padding:6.875rem 6.875rem;text-align:left;}
.pro4List .title .des{font-size:1.125rem;color:#6a6a6a; font-weight:normal;line-height:1.5;}
.pro4List .title .t{font-size:1.5rem;color:#000000;line-height:1.5;margin-bottom:.625rem;font-weight:500;position: relative;padding-left: 1.875rem;}
.pro4List .title .tt{display:inline-block; vertical-align:top;}
.pro4List .title .icon{display:block;width:1.25rem; height:100%; position: absolute;top:.5rem;left:0;}
.pro4List .title .icon img{display:inline-block;width:1.25rem;max-width:100%;max-height:100%;object-fit: cover; vertical-align:top;}
.pro4List .img{display:block;border-radius:.625rem;overflow:hidden; }
.pro4List .img img{display:block;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:100%;border-radius:.625rem;} 
/*pro4List hover*/
.pro4List .item,
.pro4List .img,
.pro4List .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro4List .item:hover .img  img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pro4List .item:hover{-moz-box-shadow:0px  0px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:0px 0px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:0px  0px 16px 0 rgba(0, 0, 0, 0.08);}
@media screen and (max-width:1200px){
.pro4List .title .titleB{padding:5rem 5rem;}
}
@media screen and (max-width:1024px){
.pro4List .itema{flex-direction: column; display: block;}
.pro4List .title,
.pro4List .img{flex:0 0 calc(100%);}
.pro4List .title .titleB{padding:0 0 4rem 0;}
}
@media screen and (max-width:1024px){
.pro4List .title .titleB{padding:0 0 3rem 0;}
}


/*pageTit5*/
.pageTit5{position:relative;font-size:1.125rem;line-height:1.5;color:#6a6a6a;text-align:center; font-weight:500;margin-bottom:5rem;}
.pageTit5 .tt{font-size:1.75rem;color:#000;text-transform:uppercase;display:block;font-weight:400; margin-bottom: 1.5rem;}
@media screen and (max-width:1200px){
.pageTit5{font-size:1rem;margin-bottom:4rem;}
.pageTit5 .tt{font-size:1.5rem;}
}
@media screen and (max-width:1024px){
.pageTit5{font-size:1rem;margin-bottom:3rem;}
.pageTit5 .tt{font-size:1.25rem;}
}
@media screen and (max-width:768px){
.pageTit5{font-size:1rem;margin-bottom:2.5rem;}
.pageTit5 .tt{font-size:1.25rem;}
}



/*pro4List2*/
.pro4List2BOX{overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat; background-color: #f2f5f6; padding-top:6.875rem;padding-bottom:3.75rem;}
.pro4List2{padding:0;list-style:none;font-size:0;display:flex;flex-wrap:wrap;width:100%;flex-grow:1; margin: 0 -0.9375rem;}
.pro4List2 .item{flex:0 0 calc(33.333333% - 1.875rem);display:block; margin: 0 .9375rem;background-color: #fff;border-radius:.625rem;margin-bottom:1.875rem;}
.pro4List2 .itema{display:block;position:relative;overflow:hidden;border-radius:.625rem; margin: 0 auto; background-color: #fff;}
.pro4List2 .title .titleB{padding:6.875rem 5rem 5rem 5rem;text-align:center;}
.pro4List2 .title .des{font-size:1.125rem;color:#6a6a6a; font-weight:normal;line-height:1.5;}
.pro4List2 .title .t{font-size:1.5rem;color:#000000;line-height:1.5;margin-bottom:.625rem;font-weight:500;position: relative;padding-left: 1.875rem;}
.pro4List2 .title .icon{display:block;height:3.125rem;  margin-bottom:1.25rem;}
.pro4List2 .title .icon img{display:inline-block;height:3.125rem;max-width:100%;max-height:100%;object-fit: cover; vertical-align:top;}
/*hover*/
.pro4List2 .img{overflow:hidden;position:relative;height:0;padding-bottom:42.59259259259259%;border-radius:.625rem;}
.pro4List2 .img>div{position:static!important;}
.pro4List2 .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pro4List2 .item,
.pro4List2 .img,
.pro4List2 .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro4List2 .item:hover .img  img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1200px){
.pro4List2BOX{padding-top:5rem;padding-bottom:3rem;}
.pro4List2 .title .titleB{padding:5rem 4rem 4rem 4rem;}
.pro4List2{margin: 0 -.625rem;}
.pro4List2 .item{flex:0 0 calc(33.333333% - 1.25rem);margin: 0 .625rem;margin-bottom:1.25rem;}
}
@media screen and (max-width:1024px){
.pro4List2BOX{padding-top:4rem;padding-bottom:2rem;}
.pro4List2{margin: 0 -.625rem;}
.pro4List2 .item{flex:0 0 calc(100% - 1.25rem);margin: 0 .625rem;margin-bottom:1.25rem;}
.pro4List2 .title .titleB{padding:4rem 3rem 3rem 3rem;}
}
@media screen and (max-width:768px){
.pro4List2BOX{padding-top:3rem;padding-bottom:2rem;}
.pro4List2 .title .titleB{padding:4rem 3rem 3rem 3rem;}
}



/*****************************pageNav3 start*****************************/
/*pageNav3*/
.pageNav3{position:relative;padding-bottom:4rem;}
.pageNav-wrapper{height:2.875rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.pageNav-primaryB{display:flex;align-items:center;}
.pageNav-primary{display:flex;flex-direction:row;align-items:center;}
.pageNav-primary .pageNav-item{margin:0;padding:0;list-style:none;flex-shrink: 0;display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (max-width:1024px) {
.pageNav3{padding-top:4rem;padding-bottom:6.25rem;}
.pageNav3 .container{ padding:0;width:100%;} 
.pageNav-wrapper{height:2.875rem;}
.pageNav-primaryB{position:relative;width:100%;}
.pageNav-primary{padding-left:5%;overflow:visible;overflow-x: scroll;}
.pageNav-primary::-webkit-scrollbar {display: none}
}

/*pageNav-primary一级*/
.pageNav-primary .pageNav-item .pageNav-dd{margin:0;padding:0;}
.pageNav-primary .pageNav-item .pageNav-dd a{margin:0;padding:0 1.75rem;position:relative;display:inline-block;font-size:1rem;line-height:2.75rem;border-radius:2.75rem;cursor:pointer; color:#000000; margin-right:.625rem;background-color: #fff;}
.pageNav-primary .pageNav-item .pageNav-dd.active a{background-color:#008cd6;color: #fff;}
@media screen and (max-width:1200px) {
.pageNav-primary .pageNav-item .pageNav-dd{margin-right:2rem}
}
@media screen and (max-width:1024px){
.pageNav-primary .pageNav-item .pageNav-dd{margin-right:1.25rem}
}



/*pageNav-secondary*/
.pageNav-secondary{display:flex;flex-direction:row;align-items:center;justify-content:space-around;}
.pageNav-secondary .pageNav-item{display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (max-width:1024px) {
.pageNav-secondary{width:90%;margin: 0 auto;line-height:0; position:absolute;left:0;right:0;top:0;display:block;}
.pageNav-secondary .pageNav-item{display:block;}
}

/*****************************ServiceSearch start*****************************/
/*ServiceSearch*/
.ServiceSearch{position:relative;width:16.875rem;}
.ServiceSearch .search-cancel{ position: absolute;right: 2.75rem;top: 50%;margin-top: -10px;}
.ServiceSearch input.text{font-size:0.875rem;height:2.75rem;line-height:2.75rem;border-radius:2.875rem;padding-left:1.5rem;padding-right:2.75rem;margin-bottom:0;font-weight:normal;color:#00266c;width:100%;background:#fff;display:block;border: none;}
.ServiceSearch input::-webkit-input-placeholder,
.ServiceSearch input:-moz-placeholder,
.ServiceSearch input::-moz-placeholder,
.ServiceSearch input:-ms-input-placeholder {color:#000;}
.ServiceSearch .searchbtn {display:inline-block;width:2.75rem;height:2.75rem;font-size:0;margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/top-search2.png") no-repeat center center;background-size:0.875rem; position:absolute;right:0;top:0; z-index:5;}
@media screen and (max-width:1200px) {
.ServiceSearch{width:12.5rem;}
}
@media screen and (max-width:1024px) {
.ServiceSearch{width:100%; margin: 0 auto;}
}


/*****************************pageNew start*****************************/
/*pageNew*/
.pageNew{padding-top:5rem;padding-bottom:4.375rem;background-color:#fff;}
@media screen and (max-width:1200px) {
.pageNew{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.pageNew{padding-top:3rem;padding-bottom:3rem;}
}


/*pageTit*/
.pageTit{/* background:#fff; */border-radius:.625rem;position:relative;font-size:1.75rem;line-height:1.5;color:#000000;text-align:center; font-weight:500;margin-bottom:3.75rem;}
.pageTit span{ display: block;}
.pageTit span.line{ display:block;margin:0 auto;width:1.875rem;height:.1875rem;border-radius:.25rem;background-color:#008cd6; margin-top: .75rem;}
.pageTit .des{font-size:1.125rem;line-height:1.8;color:#393939;font-weight:normal; margin-top: 3.125rem;}
@media screen and (max-width:1200px){
.pageTit{font-size:1.6rem;margin-bottom:3.5rem;}
.pageTit .des{font-size:1rem;margin-top:3rem;}
}
@media screen and (max-width:1024px){
.pageTit{font-size:1.5rem;margin-bottom:3rem;}
.pageTit .des{font-size:0.875rem;margin-top:2rem;}
}
@media screen and (max-width:768px){
.pageTit{font-size:1.4rem;margin-bottom:2rem;}
}
@media screen and (max-width:640px){
.pageTit{font-size:1.3rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:370px){
.pageTit{font-size:1.2rem;margin-bottom:1.5rem;}
}

/*pageNewsList*/
.pageNews{overflow:hidden;}
.pageNewsList{padding:0;list-style:none;margin:0 auto; overflow:hidden;}
.pageNewsList .newsList{padding:0;list-style:none;font-size:0;display:flex;flex-wrap:wrap;gap:1.875rem;width:100%;}
.pageNewsList .item{flex:0 0 calc(33.33333% - 1.875rem);display:block;border-radius:.625rem;background:#f5f6fa;}
.pageNewsList .item .itema{display:block; position:relative;overflow:hidden;border-radius:.625rem;background:#f5f6fa;}
/*ImgBox*/
.pageNewsList .item .imgBox{overflow:hidden;position:relative;height:0;padding-bottom:57.39130434782609%;border-radius:.625rem;}
.pageNewsList .item .imgBox>div{position:static!important;}
.pageNewsList .item .imgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;/*aspect-ratio:460/264;*/}
.pageNewsList .item .itema,
.pageNewsList .item .imgBox,
.pageNewsList .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageNewsList .item .itema:hover .imgBox img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
/*title*/
.pageNewsList .item .title{padding:2.1875rem 2.5rem;}
.pageNewsList .item .title .t{font-size:1.25rem;color:#000000;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:3.125rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;}
.pageNewsList .item .title .des{font-size:1rem;color:#6a6a6a; font-weight:normal;line-height:1.75rem;height:5.25rem;overflow:hidden;margin-bottom:8.75rem;display: none;}
.pageNewsList .item .title .date{font-size:1rem;color:#9799a6; font-weight:normal;line-height:1.5rem;background:url("../images/icon-date.png") no-repeat left center;background-size:.9375rem;padding-left:1.625rem;}
/*hover*/
.pageNewsList .item .itema:hover .title .date{color:#008cd6;}
.pageNewsList .item .itema:hover {background:#eef0f6;-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
/*pageNewsList:nth-child(1)*/
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.875rem);}
.pageNewsList .item:nth-child(1) .itema{display:grid;grid-template-columns:2fr 1fr;width:100%;height:100%;align-content: center;align-items: center;}
.pageNewsList .item:nth-child(1) .img{flex:0 0 66.67%;}
.pageNewsList .item:nth-child(1) .title{flex:0 0 33.33%;}
.pageNewsList .item:nth-child(1) .title{width:100%;height:100%;display:grid;align-content: center;align-items:center;}
.pageNewsList .item:nth-child(1) .title{padding:2.1875rem 3.75rem;}
.pageNewsList .item:nth-child(1) .titleB{position:relative;width:100%;height:100%;}
.pageNewsList .item:nth-child(1) .title .des{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
@media screen and (max-width:1200px){
.pageNewsList .newsList{gap:1.5rem;}
.pageNewsList .item{flex:0 0 calc(33.33333% - 1.5rem);}
.pageNewsList .item .title .des{font-size:0.875rem;margin-bottom:5rem;}
.pageNewsList .item .title .t{font-size:1.125rem;margin-bottom:2rem;}
.pageNewsList .item .title .date{font-size:0.875rem;}
.pageNewsList .item .title{padding:2rem 2rem;}
.pageNewsList .item:nth-child(1) .title{padding:2rem 3rem;}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.5rem);}
}
@media screen and (max-width:1024px){
.pageNewsList .newsList{gap:1.25rem;}
.pageNewsList .item{flex:0 0 calc(50% - 1.25rem);}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100% - 1.25rem);}
.pageNewsList .item .title .des{margin-bottom:3rem;}
.pageNewsList .item .title .t{margin-bottom:1rem;}
.pageNewsList .item .title{padding:2rem 2rem;}
.pageNewsList .item:nth-child(1) .title{padding:2rem 2rem;}
}
@media screen and (max-width:768px){
.pageNewsList .newsList{gap:0; margin-bottom:3rem;}
.pageNewsList .item{flex:0 0 calc(100%);margin-bottom:3rem;}
.pageNewsList .item:nth-child(1){flex:0 0 calc(100%);margin-bottom:3rem;}
.pageNewsList .item .title{padding:1.5rem 1.5rem;}
.pageNewsList .item:nth-child(1) .itema{grid-template-columns:1fr;}
.pageNewsList .item:nth-child(1) .title{padding:1.5rem 1.5rem;}

.pageNewsList .item:nth-child(1) .img{flex:0 0 100%;}
.pageNewsList .item:nth-child(1) .title{flex:0 0 100%;}
}





/***************************page-newsInfo***************************/
.page-newsInfoBox{padding-top:5.625rem;padding-bottom:6.25rem; background:#fff;border-top:1px solid #e7e8e9;}
.page-newsInfoCon{background:#fff;border-radius:.625rem;}
.page-newsInfo .page-newswz{max-width:56.25rem; margin:0 auto; width: 90%;padding-bottom:2rem;}
.page-newsInfo .newsTit{font-weight:500; color:#222222; line-height:1.3; text-align:center;margin-bottom:1.25rem;font-size:2.125rem;}
.page-newsInfo .newsShuju{ font-size:1rem; color:#9799a6;line-height:1;text-align:center;}
@media screen and (max-width:1200px){
.page-newsInfo .newsTit{font-size:2rem;line-height:1.3;}
.page-newsInfoBox{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.page-newsInfo .newsTit{font-size:1.5rem;line-height:1.2;}
.page-newsInfoBox{padding-top:4rem;padding-bottom:4rem;}
}
@media screen and (max-width:540px){
.page-newsInfoBox{padding-top:4rem;padding-bottom:3rem;}
}


/*newsText*/
.page-newsInfo .newsText{color:#2f2f2f;font-size: 1.125rem;line-height:1.8;font-style:normal;font-weight:normal;}
.page-newsInfo .newsText h5{font-size:1.25rem;line-height:1.75rem; margin-bottom:0.3125rem;}
.page-newsInfo .newsText img{ max-width: 100%;height: auto;}
.page-newsInfo .newsTextNr{padding-bottom:3.125rem;max-width:56.25rem; width: 90%; margin:0 auto;border-bottom:1px solid #e5e5e7;}
/*newsBtn*/
.page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left;max-width:56.25rem; width: 90%; margin:0 auto;margin-top:1.25rem;min-height:3.125rem}
.page-newsInfo .newsBtn .newsBtnA{display:block;width:50%;overflow:hidden;color:#909090;text-align:left; font-size:0;}
.page-newsInfo .newsBtn .newsBtnB{display:block;width:50%;overflow:hidden;color:#909090;text-align:left;font-size:0;}
.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em{ font-style:normal;color:#6a6a6a}
.page-newsInfo .newsBtn .newsBtnA em:hover,
.page-newsInfo .newsBtn .newsBtnB em:hover{color:#000;}
.page-newsInfo .newsBtn a{display:block;color:#000;font-size:1rem;line-height:1.875rem; height:1.875rem;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; background:#fff;text-align:left;}
.page-newsInfo .newsBtn a srtong{font-weight:normal;}
.pageNewsList .item:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}



/*page-back*/
.page-back{margin:0 auto;text-align:center; position:absolute;right:0;bottom:0.25rem;}
.page-back a{display:block;width:8.75rem;font-size:1rem!important;overflow:hidden;line-height:3.125rem!important;height:3.125rem!important;border:1px solid #f2f2f2;border-radius:3.125rem;color: #000000!important;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#f2f2f2!important; position:relative; text-align:center!important;}
.page-back a span{ display:inline-block; position:relative; z-index:2;overflow:hidden;text-align:center; margin: auto;}
.page-back a:hover{background:#008cd6!important;color: #fff!important;border-color:#008cd6;}
@media screen and (max-width:768px) {
.page-newsInfo .newsBtn .newsBtnA{width:100%;}
.page-newsInfo .newsBtn .newsBtnB{width:100%;}
.page-back{ position:relative;bottom:0;margin-top:1.875rem;}
}


/************************about************************/
/* pageAbout */
.pageAbout{ padding-top:5.625rem;padding-bottom:8.125rem;background-color: #fff; overflow: hidden;}
@media screen and (max-width:1200px) {
  .pageAbout{ padding-top:5rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px) {
  .pageAbout{ padding-top:4rem;padding-bottom:6rem;}
}
@media screen and (max-width:640px) {
  .pageAbout{ padding-top:4rem;padding-bottom:4rem;} 
}


/**************************about**************************/
/*aboutbanner*/
.aboutbanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff; position:relative;background-size:cover;padding-top: 16.25rem;padding-bottom:8.75rem;}
.aboutbanner .bannerpic{width:100%;position:absolute;top:0;left:0;right:0;height:100%;z-index:1;}
.aboutbanner .bannerpic img{width:100%;height:100%;object-fit:cover;}
.aboutbanner .bannershadow{position:absolute;top:0;left:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5); z-index: 2;}
@media screen and (max-width:1200px){
.aboutbanner{padding-top:13rem;padding-bottom:7rem;}
}
@media screen and (max-width:1024px){
.aboutbanner{padding-top:12rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.aboutbanner{padding-top:10rem;padding-bottom:3rem;}
}



/*pageTit2*/
.pageTit2{position:relative;font-size:2.125rem;line-height:1.5;color:#000000;text-align:center; font-weight:400;margin-bottom:4.375rem;}
.pageTit2 a{color:#000000; text-decoration: none;}
.pageTit2 .enTit{font-size:1rem;color:#6a6a6a;text-transform:uppercase;display:block;font-weight:300; font-family:Inter,Arial,Helvetica,sans-serif;}
.pageTit2Desc{font-size:1.125rem;line-height:1.5;color:#000000;font-weight:400;margin-bottom:4.375rem; text-align: center;}
.pageTit2Desc img{max-width:100%;}
.pageTit2.white{color:#fff;}
.pageTit2.white a{color:#fff;}
.pageTit2.white .enTit{color:#fff;}
.pageTit2Desc.white{color:#fff;}
@media screen and (max-width:1200px){
.pageTit2{font-size:2rem;margin-bottom:3rem;}
.pageTit2Desc{font-size:1rem;}
}
@media screen and (max-width:1024px){
.pageTit2{font-size:1.8rem;margin-bottom:2rem;}
}
@media screen and (max-width:768px){
.pageTit2{font-size:1.6rem;/*margin-bottom:1.5rem;*/}
}
@media screen and (max-width:640px){
.pageTit2{font-size:1.4rem;/*margin-bottom:1.5rem;*/}
}


/*aboutShuju*/
.aboutShuju ul{padding:0;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction: row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;width: 100%;padding-top:4.6875rem;padding-bottom:4.6875rem;border-top:1px solid rgba(255,255,255,0.2); }
.aboutShuju li{padding-top:.625rem; padding-bottom:.625rem; font-size:1.125rem;line-height:1.875rem;color:#000000;text-align:left;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;}
.aboutShuju li{font-size:1rem;color:#fff;font-weight:500; text-align:left;line-height:1;vertical-align:baseline; position: relative; display:inline-block;}
.aboutShuju li strong{font-size:3.125rem;line-height:1;font-family:Inter, Arial,Helvetica,sans-serif;font-weight:500;color:#008CD6;position:relative;top:.125rem;}
.aboutShuju li .sup{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align:top;color:#008CD6;font-family:Inter, Arial, Helvetica, sans-serif;font-weight:400;margin-left:.625rem;}
.aboutShuju li .sub{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align:baseline; color:#008CD6;font-weight: normal;margin-right:.625rem;margin-left:.625rem; display:none;}
@media screen and (max-width:1200px) {
.aboutShuju li{font-size:0.875rem;}
.aboutShuju li strong{font-size:2.5rem;top:.125rem;}
.aboutShuju li .sup{font-size:1.125rem;margin-left:.5rem;}
.aboutShuju li .sub{font-size:1.125rem;margin-left:.5rem;margin-right:.5rem;}
}
@media screen and (max-width:1024px) {
.aboutShuju li strong{font-size:2rem;top:.125rem;}
.aboutShuju li .sup{font-size:1.125rem;margin-left:.5rem;}
.aboutShuju li .sub{font-size:1.125rem;margin-left:.5rem;margin-right:.5rem;}
}
@media screen and (max-width:768px) {
.aboutShuju li{ width: 50%;}
.aboutShuju ul{padding-top:3rem;padding-bottom:3rem; }
}
@media screen and (max-width:640px) {
.aboutShuju li{ width:100%;}

.aboutShuju li strong{font-size:1.5rem;}
.aboutShuju li .sup{font-size:1rem;}
.aboutShuju li .sub{font-size:1rem;}
}

/*aboutBOX1*/
.aboutBOX1 .aboutBOXNr{padding:0;list-style:none;font-size:0;position:relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%;padding-bottom:6.25rem;}
.aboutBOX1 .pageTit2{text-align:left;}
.aboutBOX1 .pageTit2Desc{ width: 40%; text-align: left;}
.aboutBOX1 .pageabDate{font-size:1.125rem;line-height:1.2;color:#fff;font-weight:300;text-align:right;text-transform:uppercase; font-family: Inter,Arial, Helvetica, sans-serif;}
@media screen and (max-width:1200px) {
.aboutBOX1 .pageabDate{font-size:1rem;}
}
@media screen and (max-width:768px) {
.aboutBOX1 .aboutBOXNr{ display: block; padding-bottom:3rem; }
.aboutBOX1 .pageTit2Desc{ width:100%;}
}


/*culturebanner*/
.culturebanner{display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;color:#fff; position:relative;background-size:cover;padding-top:17.5rem;padding-bottom:18.75rem;}
.culturebanner .bannerpic{width:100%;position:absolute;top:0;left:0;right:0;height:100%;z-index:1;}
.culturebanner .bannerpic.sj{ display:none;}
.culturebanner .bannerpic img{width:100%;height:100%;object-fit:cover;}
.culturebanner .bannerpic img{transform:translateY(-20%);transition:none}
.culturebanner .bannershadow{position:absolute;top:0;left:0;right:0;height:100%;width:100%;background:url("../images/page-bg2sd.png") no-repeat left center;background-size:100% 100%; z-index: 2;}
@media screen and (max-width:1200px){
.culturebanner{padding-top:15rem;padding-bottom:15rem;}
}
@media screen and (max-width:1024px){
.culturebanner{padding-top:0;padding-bottom:0;}
.culturebanner .bannerpic{position: static;height:100%;}
.culturebanner .bannerpic.pc{ display:none;}
.culturebanner .bannerpic.sj{ display:block;}
.culturebanner .bannerpic img{transform:translateY(0%)!important;transition:none;width:100%;height:100%;object-fit:cover;}
}
@media screen and (max-width:768px){
.culturebanner{padding-top:0;padding-bottom:0;}
}

/*aboutBOX2*/
.aboutBOX2 .aboutBOXNr{padding:0;list-style:none;font-size:0;width: 100%; position:relative;z-index:3;}
.aboutBOX2 .pageTit2{text-align:left;}
.aboutBOX2 .pageTit2Desc{text-align: left;font-size:1.125rem;line-height:1.2;color:#fff;font-weight:300;}
.aboutBOX2 .pageTit2Desc h4{font-size:1.375rem;}
@media screen and (max-width:1200px) {
.aboutBOX2 .pageTit2Desc{font-size:1rem; margin-bottom: 0;}
.aboutBOX2 .pageTit2Desc h4{font-size:1.25rem;}
}
@media screen and (max-width:1024px){
.aboutBOX2{position:absolute;top:50%;left:0;right:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;}
}

/************************pageNav2************************/
.pageNav2BOX{border-bottom: 1px solid #d1d1d1; margin-bottom: 5rem;}
.pageNav2{position:relative;z-index:2;display: inline-block;}
.pageNav2 ul{margin:0 auto;font-size:0;line-height:0;}
.pageNav2 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNav2 li a{position:relative;display:block;color:#6a6a6a; font-weight:400;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.125rem;text-align:center; margin-left:3.75rem;line-height:6.25rem;}
.pageNav2 li a:after{ content: ''; width:0; height: 4px;background-color:#008cd6; position: absolute;bottom:0;left:0;transition: all 0.3s ease-in-out;}
.pageNav2 li.active a:after{ width:100%; }
.pageNav2 li.active a{color:#008cd6;}
@media screen and (max-width:1024px){
.pageNav2BOX{ margin-bottom:4rem;}
.pageNav2 li a{font-size:1rem;line-height:5rem;margin:0 0.3rem;padding:0 1.25rem;}
}
@media screen and (max-width:1024px){
.pageNav2BOX{ margin-bottom:4rem;}
.pageNav2 li a{font-size:1rem;line-height:4rem;margin:0 0.3rem;padding:0 1.25rem;}
}
@media screen and (max-width:768px){
  .pageNav2BOX{ margin-bottom:3rem;}
.pageNav2BOX{ margin-bottom:1.5rem;}
.pageNav2 li a{font-size:1rem;line-height:3rem;margin:0 0.25rem;padding:0 1rem;}
}
@media screen and (max-width:640px){
.pageNav2 li a{padding:0 0.875rem;}
}



/*pageCertification*/
.pageCertification{width:100%;background:url("../images/page-honor.jpg") no-repeat;background-size:cover;padding-top:8.125rem;padding-bottom:8.375rem;overflow:hidden;}
.pageCertification .pageNav2BOX{padding:0;list-style:none;font-size:0;position:relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-end;justify-content:space-between;width:100%;text-align:right;}
.pageCertification .pageTit2{text-align:left;border-bottom: 0; margin-bottom:2.8125rem;}
.pageCertification .allImgs{ position:relative; z-index:1;overflow:hidden;}
.pageCertification .allImgs .allImgsSW{position:relative;margin:0 -.625rem;overflow:hidden;}
.pageCertification .allImgs .allImgsBox{margin:0;font-size:0;line-height:0;overflow:hidden;}
.pageCertification .allImgs .item{ display:inline-block;*display:inline;zoom:1;vertical-align:top;width:25%; float:left; margin-bottom: 1.25rem;}
.pageCertification .allImgs .item .itema{width:auto;margin:0 .625rem;}
.pageCertification .allImgs .item .itema .pic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:0; padding-bottom:74.25742574257426%;transition:all 600ms;position:relative; z-index:0;background:url("../images/page-honorbg.jpg") no-repeat;background-size:cover;border-radius:.625rem;}
.pageCertification .allImgs .item .itema .pic img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-height:80%;max-width:80%;object-fit:contain;}
.pageCertification .allImgs .item .itema .text{text-align:center;margin-top:2rem;position:relative; z-index: 3; font-weight: 400; font-size: 1.125rem;}
.pageCertification .allImgs .item-active .itema{opacity:1}
.pageCertification .allImgs .item  .itema:hover .pic{box-shadow:0 1.5rem 1.5rem rgba(0,0,0,.3);}
@media screen and (max-width:1200px){
.pageCertification{padding-top:5rem;padding-bottom:4rem;}
.pageCertification .allImgs .allImgsSW{margin-bottom:4.5rem;padding-top:2.5rem;}
.pageCertification .allImgs .item .itema .pic{height:12rem;}
}
@media screen and (max-width:1024px){
.pageCertification{padding-top:4rem;padding-bottom:3rem;}
.pageCertification .allImgs .allImgsSW{margin-bottom:4rem;padding-top:2rem;}
.pageCertification .allImgs .item .itema .pic{height:10rem;}
.pageCertification .allImgs .item{width:33.3333%;}
}
@media screen and (max-width:768px){
.pageCertification .pageTit2{text-align:center; position: static;}
.pageCertification .pageNav2BOX{text-align:center; display: block; margin-bottom:3rem; }
.pageCertification{padding-top:3rem;padding-bottom:2rem;}
.pageCertification .allImgs .allImgsSW{margin-bottom:3rem;padding-top:1.5rem;}
.pageCertification .allImgs .item .itema .pic{height:8rem;}
.pageCertification .allImgs .item{width:50%;}
}
@media screen and (max-width:640px){
.pageCertification .allImgs .item{width:100%;}
}
/*active*/
.pageCertification .allImgs {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.pageCertification .allImgs.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}


/*pageCertification .swbtn*/
.pageCertification .swbtn{ text-align:left; position: relative; width:8.75rem; display: none;}
.pageCertification .swbtn .mbtn{width: 3.75rem;height: 3.75rem;cursor:pointer;border-radius:50%;position:relative;overflow:hidden;transform:translateZ(0);background-color:#f9c029; left: 0;right: 0; display: inline-block; margin: 0;} 
.pageCertification .swbtn .mbtn.swiper-button-disabled{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;pointer-events:none;background-color:#e3e5e9;}	
.pageCertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.625rem;}
@media screen and (max-width:1024px){
.pageCertification .swbtn .mbtn{width:3rem;height:3rem;} 
.pageCertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.5rem;}
.pageCertification .swbtn{width:6.5rem;}
.pageCertification .allImgs:after{bottom:1.5rem;width:calc(100% - 7rem);}
}


/*pagination*/
.paginationB3{position:static;bottom:0;left:0;right:0; z-index:5; text-align:center; margin:0 auto; margin-top:50PX;}
.paginationB3 .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.paginationB3 .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none;margin:0 .3125rem;border-radius:.625rem; background:#cbcdd3;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.paginationB3 .swiper-pagination span.swiper-pagination-bullet-active{background:#008cd6;width:2.75rem;}
@media screen and (max-width:1024px) {
.paginationB3 .swiper-pagination{bottom:1.75rem;}
}
@media screen and (max-width:768px) {
.paginationB3 .swiper-pagination{bottom:1.5rem;}
}


/*pageHistory*/
.pageHistory{background-color:#f5f5f5;overflow:hidden; padding-top: 10rem; padding-bottom: 6.25rem;}
.pageHistory .pageHistoryBOX{ position: relative;}
.pageHistory .pageHistory_tit{ position: absolute;top:0; left: 0; z-index: 3;}
.pageHistory .pageTit2{text-align:left;margin-bottom:2.5rem;}
.pageHistory .pageTit2Desc{text-align: left;font-size:1.125rem;line-height:1.6;color:#434343;font-weight:400;  max-width: 17.1875rem;}
@media screen and (max-width:1200px) {
.pageHistory{padding-top:9rem; padding-bottom:5rem;}
}
@media screen and (max-width:1024px) {
.pageHistory{padding-top:7rem; padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.pageHistory{padding-top:5rem; padding-bottom:3rem;}
.pageHistory .pageHistory_tit{ position: static;  margin-bottom: 3rem;}
.pageHistory .pageTit2{text-align:center;}
.pageHistory .pageTit2Desc{text-align:center;font-size:1rem; margin: 0 auto;max-width:100%;}
}

/*pageHistory-cont*/
.pageHistory .pageHistory-cont{width:47.619047%;margin:0 auto 6.25rem;overflow:visible}
@media (max-width:991px){
.pageHistory .pageHistory-cont{width:56%}
.pageHistory .pageHistory-cont{margin-bottom:5rem;}
}
@media screen and (max-width:768px) {
.pageHistory .pageHistory-cont{width:100%}
.pageHistory .pageHistory-cont{margin-bottom:3rem;}
}

/*pageHistory-cont .swiper-slide*/
.pageHistory .pageHistory-cont .swiper-slide{transition:all .4s;transform:scale(.94);opacity:.2}
.pageHistory .pageHistory-cont .swiper-slide .f_img{margin-bottom:2.5rem;border-radius:.625rem; overflow: hidden;}
.pageHistory .pageHistory-cont .swiper-slide .f_img img{width:100%;height:100%;object-fit:cover;}
.pageHistory .pageHistory-cont .swiper-slide .f_img:before{padding-top:53.75%}
.pageHistory .pageHistory-cont .swiper-slide .f_tit{color:#008cd6;font-weight:500;margin-bottom:4px;font-size: 1.875rem;}
.pageHistory .pageHistory-cont .swiper-slide .f_text{color:#444444;transition:all .4s;opacity:0;line-height:1.55555556; font-size: 1.125rem;}
.pageHistory .pageHistory-cont .swiper-slide-active{transform:scale(1);opacity:1}
.pageHistory .pageHistory-cont .swiper-slide-active .f_text{opacity:1}
@media screen and (max-width:768px) {
  .pageHistory .pageHistory-cont .swiper-slide{text-align:center}
}

/*pageHistory-cont pageHistory-prev+pageHistory-next*/
.pageHistory .pageHistory-cont .pageHistory-prev,
.pageHistory .pageHistory-cont .pageHistory-next{top:36%}
@media screen and (max-width:768px) {
.pageHistory .pageHistory-cont .pageHistory-prev,
.pageHistory .pageHistory-cont .pageHistory-next{top:34%;display:none}
}
@media screen and (max-width:768px) {
.pageHistory .pageHistory-cont .pageHistory-prev{left:-0.6rem}
.pageHistory .pageHistory-cont .pageHistory-next{right:-0.6rem}
}


/*pageHistory .f_nav*/
.pageHistory .f_nav .pageHistory-nav .swiper-wrapper{justify-content: center;}
.pageHistory .f_nav:after{content:"";display:block;background-color:#d1d1d1;/* position:absolute; */bottom:1px;left:0; width: 100%; height: 1px;}
.pageHistory .f_nav .pageHistory-nav .swiper-slide{width:10%;position:relative;cursor:pointer}
.pageHistory .f_nav .pageHistory-nav .swiper-slide .shu{text-align:center;padding-bottom:1.25rem;color:#000000;position:relative; font-size: 1.125rem;}
.pageHistory .f_nav .pageHistory-nav .swiper-slide .shu:before,
.pageHistory .f_nav .pageHistory-nav .swiper-slide .shu:after{content:"";background-color:#000000;position:absolute;bottom:0;left:50%;transition:all .4s; display: none;}
.pageHistory .f_nav .pageHistory-nav .swiper-slide .shu:before{width:1px;height:6px}
.pageHistory .f_nav .pageHistory-nav .swiper-slide .shu:after{width:100%;height:1px}
.pageHistory .f_nav .pageHistory-nav .swiper-slide:last-child .shu:after{display:none}
.pageHistory .f_nav .pageHistory-nav .swiper-slide-thumb-active~.shu:after{background-color:#999999}
.pageHistory .f_nav .pageHistory-nav .swiper-slide-thumb-active~.swiper-slide .shu{color:#999999}
.pageHistory .f_nav .pageHistory-nav .swiper-slide-thumb-active~.swiper-slide .shu:after,.pageHistory .f_nav .pageHistory-nav .swiper-slide-thumb-active~.swiper-slide .shu:before{background-color:#999999}
@media (max-width:991px){
.pageHistory .f_nav .pageHistory-nav .swiper-wrapper{justify-content:flex-start;}
.pageHistory .f_nav{margin:0 -5%}
}
@media (max-width:991px){
.pageHistory .f_nav .pageHistory-nav .swiper-slide{width:20%}
}



/*swbtn*/
.swbtn3{ font-size:0;line-height: 0; position: absolute; right: 0;top:50%; display:inline-block; width: 7.5rem;}
.swbtn3 .mbtn{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.625rem;background-color:#008cd6;}
.swbtn3 .mbtn.swiper-button-disabled{opacity:0;}
.swbtn3 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left: 0;}
.swbtn3 .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right: 0;}
.swbtn3 .mbtn:hover{ background-color: #008cd6;}
@media screen and (max-width:1200px){
.swbtn3 .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1024px){
.swbtn3 .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.swbtn3 .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}


/*.swbtn3p .swiper-pagination*/
.swbtn3p{ position:relative; display:block;margin:0 0.75rem;margin-top:2rem;}
.swbtn3p .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:2px;background:#1f2d53;border-radius:5px; overflow:hidden;}
.swbtn3p .swiper-pagination .swiper-pagination-progressbar-fill{background:#008cd6;}



/*pageNewSW*/
.pageNewSW{overflow:hidden;background:#000028;padding-top:7.5rem; padding-bottom:5.25rem;}
.pageNewSW .pageNewSWBOX{position:relative;}
.pageNewSW .pageTit2{text-align:left;margin-bottom:2.5rem;}
/*pageNewSWList*/
.pageNewSWList{padding:0;list-style:none;position:relative;margin:0 -1rem;}
.pageNewSWList .pageNewSWListul{padding:0;list-style:none;font-size:0;overflow: visible;}
.pageNewSWList .item{ display:inline-block;*display:inline;zoom:1;width:33.33333333%;margin-bottom:3.125rem;vertical-align:top;}
.pageNewSWList .itema{display:block;margin:0 1rem; position:relative;overflow:hidden;border-radius:6px;background:#00193c;}
.pageNewSWList .ImgBox{overflow:hidden;padding-bottom:57.27%; position:relative;background:#00193c;border-radius:6px;}
.pageNewSWList .ImgBox>div{position:static!important;}
.pageNewSWList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*pageNewSWList title*/
.pageNewSWList .title{padding:2.5rem 1.875rem 1.875rem 1.875rem; min-height:19.375rem; position: relative;}
.pageNewSWList .title .t{font-size:1.375rem;color:#fff;line-height:1.875rem;overflow:hidden;margin-bottom:.875rem;max-width:82%;}
.pageNewSWList .title .des{font-size:1rem;color:#fff;line-height:1.625rem;height:4.875rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-width:82%;}
.pageNewSWList .title .moreB{font-size:1rem;color:#6a6a6a;line-height:2.5rem;font-weight:500; position:absolute;bottom:1.875rem;right:1.875rem;}
.pageNewSWList .title .more{display:inline-block;width:2rem;height:2rem;border-radius:50%;background:url("../images/index-m.png") center center no-repeat;background-size:100%; position:absolute;bottom:0;right:0;}
/*pageNewSWList hover*/
.pageNewSWList .item,
.pageNewSWList .title:after,
.pageNewSWList .title .t,
.pageNewSWList .title .more,
.pageNewSWList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNewSWList .itema:hover {-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.pageNewSWList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.pageNewSWList .item a:hover .title .more{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
@media screen and (max-width:1200px){
.pageNewSW{padding-top:6rem; padding-bottom:5rem;}
.pageNewSWList .item{ width:50%;}
.pageNewSWList .itema{-ms-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);-o-box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 14px rgba(0, 0, 0, 0.1);}
.pageNewSWList{padding: 0 4.375rem;}
.pageNewSWList .title .t{font-size:1.25rem;}
}
@media screen and (max-width:1024px){
.pageNewSW{padding-top:5rem; padding-bottom:4rem;}
.pageNewSWList{padding: 0 3rem;}
.pageNewSWList .title .t{font-size:1.125rem;}
}
@media screen and (max-width:768px){
.pageNewSW{padding-top:4rem; padding-bottom:3rem;}
.pageNewSWList .item{ width:100%;}
.pageNewSWList{padding: 0 2rem;}
.pageNewSWList .title .t{font-size:1.25rem;}
}



/************************smart************************/

/*smartCon*/
.smartBOX .smartCon{font-size:1.25rem; color: #2c2c2c; line-height: 1.5;}
.smartBOX .smartCon h3{ font-size:1.75rem; color: #000000; margin-bottom: 1.875rem; font-weight: 400;}
@media screen and (max-width:1200px){
.smartBOX .smartCon{font-size:1.125rem;}
.smartBOX .smartCon h3{ font-size:1.5rem; margin-bottom: 1.75rem;}
}
@media screen and (max-width:1024px){
.smartBOX .smartCon{font-size:1rem;}
.smartBOX .smartCon h3{ font-size:1.25rem; margin-bottom: 1.5rem;}
}
@media screen and (max-width:768px){
.smartBOX .smartCon{font-size:1rem;}
.smartBOX .smartCon h3{ font-size:1.25rem; margin-bottom: 1.25rem;}
}


/*smartBOX1*/
.smartBOX1{ padding-top:5rem; padding-bottom:0; background-color: #fff;}
.smartBOX1 .smartBOXNr{padding:0;list-style:none;font-size:0; position:relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items: center;justify-content:space-between;width:100%;padding-top: 3.75rem;}
.smartBOX1 .smartimg{width:50%;}
.smartBOX1 .smartimg img{width:100%;height:100%;object-fit:cover}
.smartBOX1 .smartCon{width: 50%;}
.smartBOX1 .smartCon .smartConB{padding-left:20%;padding-right:18%;}
@media screen and (max-width:1200px){
.smartBOX1 .smartBOXNr{padding-top:3.25rem;}
}
@media screen and (max-width:1024px){
.smartBOX1 .smartBOXNr{padding-top:3rem;}
}
@media screen and (max-width:768px){
  .smartBOX1 .smartBOXNr{ flex-direction: column;padding-top:2.5rem;}
.smartBOX1 .smartCon{ width:100%;}
.smartBOX1 .smartimg{width:100%;}
.smartBOX1 .smartCon .smartConB{padding-left:5%;padding-right:5%; padding-bottom: 3rem;}
}



/*smartBOX2*/
.smartBOX2 { padding-top:10.625rem; padding-bottom:10.625rem; background-color: #f1f2f4;}
.smartBOX2 .smartCon .smartConB{padding-left:5rem;}
.smartBOX2 .smartSWIMGB{ width:85.71428571428571%; margin: 0 auto; overflow: hidden;margin-top: 3.75rem;}
.smartBOX2 .smartSWWZB{ width:35.11904761904762%;margin:0 auto;margin-top:1.25rem;}
.smartBOX2 .paginationB3{ margin: 0; padding-left:32.5%; text-align: left; margin-top: 2.5rem;}
.smartBOX2 .paginationB3 .swiper-pagination{ text-align: left;}
/*smartBOX2 .smartSWList*/
.smartBOX2 .smartSWList{width:100%;}
.smartBOX2 .smartSWList .smartBOX2 .smartSWListul{width: 100%; overflow: hidden;}
.smartBOX2 .smartSWList .smart2SW{ width: 100%;}
.smartBOX2 .smartSWList .item{ width:100%;}
.smartBOX2 .smartSWList .item .ImgBox{ width:100%;position:relative;height:0;display:block;overflow:hidden;padding-bottom:43.12267657992565%;border-radius:.625rem;}
.smartBOX2 .smartSWList .item .ImgBox>div{position:static!important;}
.smartBOX2 .smartSWList .item .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.smartBOX2 .smartSWList .item .title {text-align:left;font-size: 1.125rem; color:#2c2c2c; line-height:1.5; margin-top: 1.25rem;}
.smartBOX2 .smartSWList .item .title h4{text-align:left;font-size:1.5rem; color:#000000; line-height:1.5; margin-top: 1.25rem; font-weight: 400;}
.smartBOX2 .smartSWList .item{ opacity: 0!important;}
.smartBOX2 .smartSWList .item.swiper-slide-active{ opacity: 1!important;}
.smartBOX2 .smartSWList .item .ImgBox,
.smartBOX2 .smartSWList .item .ImgBox img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.smartBOX2 .smartSWList .item .ImgBox:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1200px){
.smartBOX2 { padding-top:7rem; padding-bottom:7rem;}
.smartBOX2 .smartCon .smartConB{padding-left:0;}
.smartBOX2 .smartSWIMGB{width:100%;}
.smartBOX2 .paginationB3{padding-left:10%;}
.smartBOX2 .smartSWWZB{ width:80%;}

.smartBOX2 .smartSWList .item .title {font-size:1rem;}
.smartBOX2 .smartSWList .item .title h4{font-size:1.25rem;}
}
@media screen and (max-width:1024px){
.smartBOX2 { padding-top:5rem; padding-bottom:5rem;}
}
@media screen and (max-width:768px){
.smartBOX2 { padding-top:3rem; padding-bottom:3rem;}
.smartBOX2 .paginationB3{padding-left:5%;}
.smartBOX2 .smartSWWZB{ width:90%;}
}


/*smartBOX3 .smartSWList*/
.smartBOX3 .smartSWList{width:100%;}
.smartBOX3 .smartSWList .smartBOX3 .smartSWListul{width: 100%; overflow: hidden;}
.smartBOX3 .smartSWList .smart2SW{ width: 100%;}
.smartBOX3 .smartSWList .item{ width:100%;}
.smartBOX3 .smartSWList .item .ImgBox{ width: 100%;}
.smartBOX3 .smartSWList .item img{display:block;width:100%;object-fit: cover;}
.smartBOX3 .smartSWList .item{ opacity:0!important;}
.smartBOX3 .smartSWList .item.swiper-slide-active{ opacity: 1!important;}

/*smartCaseSW*/
.smartCaseSW{background-color: #f5f6fa;padding-top:5.625rem;padding-bottom:10.9375rem;}
.smartCaseSW .smartCon{ text-align: center; margin-bottom: 3.4375rem;}
@media screen and (max-width:1200px){
.smartCaseSW{padding-top:4rem;padding-bottom:7rem;}
.smartCaseSW .smartCon{margin-bottom:3rem;}
}
@media screen and (max-width:1024px){
.smartCaseSW{padding-top:3rem;padding-bottom:5rem;}
.smartCaseSW .smartCon{margin-bottom:3rem;}
}
@media screen and (max-width:768px){
.smartCaseSW{padding-top:3rem;padding-bottom:4rem;}
.smartCaseSW .smartCon{margin-bottom:3rem;}
}


/*smartCase*/
.smartCase{ overflow:hidden; position: relative;margin:0 -0.625rem; height: 35.9375vw;}
.smartCase .slick-list{height: 35.9375vw;}
.smartCase .smartCaseB{ font-size:0;margin:0 auto;width:100%; padding:0; list-style: none;}
.smartCase .item{ display:inline-block;*display:inline;zoom:1;width:100%;height:100%;vertical-align:top; outline:none;}
.smartCase .itema{display:block;margin:0 .625rem; position:relative;overflow:hidden;}
.smartCase .img{overflow:hidden;padding-bottom:35.9375vw; position:relative;background:#fff;border-radius:.625rem;}
.smartCase .img>div{position:static!important;}
.smartCase .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;background:url('../images/info-tubg.png') no-repeat center bottom; background-size:100% 100%;}
.smartCase .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.smartCase .title{position:absolute;left:0;top:50%;font-size:1.125rem;color:#fff;line-height:1.5;padding:7.5%;z-index: 3;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.smartCase .title .t{font-size:1.5rem;color:#fff;line-height:1.3; font-weight:500; margin-bottom: .625rem;}
/*hover*/
.smartCase .itema,.smartCase .title:after,.smartCase .title .t,.smartCase .title .more,
.smartCase .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.smartCase .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.smartCase .itema:hover .img img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.smartCase{margin:0 -1.25rem;}
.smartCase .itema{margin:0 1.25rem;}
.smartCase .title{font-size:1rem;line-height:1.4;padding:1.5rem;}
.smartCase .title .t{font-size:1.35rem;}
}
@media screen and (max-width:1024px){
.smartCase{margin:0;}
.smartCase .itema{margin:0 1rem;}
.smartCase .title{font-size:1rem;line-height:1.4;padding:1.25rem;}
.smartCase .title .t{font-size:1.25rem;}
}
@media screen and (max-width:767px){
.smartCase{margin:0;}
.smartCase .itema{margin:0 0.5rem;}
.smartCase .title{font-size:14px;line-height:1.4;padding:1.125rem;}
.smartCase .title .t{font-size:1.25rem;}
.smartCase,
.smartCase .slick-list{height:45vw;}
.smartCase .img{padding-bottom:45vw; }
}


/*slick item*/
.smartCase{width:100vw;}
.smartCase .item{width:75vw;}
.smartCase .item{opacity:1;}
.smartCase .item.slick-active{opacity:1;}
.smartCase .slick-dots{display:none;}
/*smartCase slick-prev/slick-next*/
.smartCase .slick-prev,
.smartCase .slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.smartCase .slick-prev,
.smartCase .slick-next{display:block;width:2.5rem;height:2.5rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:7px;background-color:#fff;}
.smartCase .slick-prev{background-image:url(../images/arrow-left2.png);left:6vw;}
.smartCase .slick-next{background-image:url(../images/arrow-right2.png);right:6vw;}
.smartCase .slick-prev:hover{background-image:url(../images/arrow-left.png);background-color: #008cd6;}
.smartCase .slick-next:hover{background-image:url(../images/arrow-right.png);background-color: #008cd6;}
/*smartCase slick-dotted*/
.smartCase .slick-dotted.slick-slider{margin-bottom:0}
@media screen and (max-width:768px){
.smartCase .slick-dotted.slick-slider{margin-bottom:30px;}	
.smartCase .slick-dots{display:block!important;}
}


/*swbtn3*/
.smartCase .swbtn3{ font-size:0;line-height: 0;}
.smartCase .swbtn3 .mbtn{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.5625rem;background-color:#fff;}
.smartCase .swbtn3 .mbtn.swiper-button-disabled{opacity:0;}
.smartCase .swbtn3 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:3%;}
.smartCase .swbtn3 .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:3%;}
.smartCase .swbtn3 .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left2.png);}
.smartCase .swbtn3 .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right2.png);}
.smartCase .swbtn3 .mbtn:hover{ background-color: #000000;}
@media screen and (max-width:1200px){
.smartCase .swbtn3 .mbtn{width:4rem;height:4rem;}
}
@media screen and (max-width:1024px){
.smartCase .swbtn3 .mbtn{width:3rem;height:3rem;background-size:0.5rem;}
}
@media screen and (max-width:768px){
.smartCase .swbtn3 .mbtn{width:3rem;height:3rem;background-size:0.5rem;}
.smartCase .swbtn3 .mbtn{ background-color: #000000;}
}


/*smartCase .swiper-wrapper*/
.smartCase .swiper-wrapper{margin:0 auto;}
.smartCase .swiper-container{ overflow: visible;}
.smartCase .smartCase-swiper{width:40%}
.smartCase .swiper-slide1{opacity: 0.3;}
.smartCase .swiper-slide1.slick-active{opacity:1;}
.smartCase .smartCase .swbtn3 .mbtn.swiper-button-prev{left:20vw;}
.smartCase .smartCase .swbtn3 .mbtn.swiper-button-next{right:20vw;}
@media screen and (max-width:1200px){
.smartCase .smartCase-swiper{width:60%}
.smartCase .smartCase .swbtn3 .mbtn.swiper-button-prev{left:5vw;}
.smartCase .smartCase .swbtn3 .mbtn.swiper-button-next{right:5vw;}
}
@media screen and (max-width:1024px){
.smartCase .smartCase-swiper{width:80%}
}
@media screen and (max-width:767px){
.smartCase .smartCase-swiper{width:90%}
}


/*smartBOX5*/
.smartBOX5 {background-color:#f5f6fa; position: relative;overflow: hidden;}
.smartBOX5 .smartCon{color: #fff;max-width: 59.375%; margin: 0 auto;padding-top: 12.5rem;position: relative; z-index:3;}
.smartBOX5 .smartCon h3{color: #fff;}
.smartBOX5 .smartCon .smartConB{ text-align:center; padding-bottom: 2.8125rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.smartBOX5 .smartSWIMGB{ width:100%; margin: 0 auto; overflow: hidden; position: absolute;left: 0;right:0; height: 100%; z-index: 0;top: 0;}
.smartBOX5 .smartSWWZB{ width:100%; margin: 0 auto; overflow: hidden; position: relative; z-index:2; min-height:29.75rem;}
.smartBOX5 .paginationB3{ position: absolute;bottom:3.125rem;left: 0;right:0; z-index:3;}
.smartBOX5 .paginationB3 .swiper-pagination{ text-align:center;}

/*smartBOX5*/
.smartBOX5 .smartSWList{width:100%;height: 100%;}
.smartBOX5 .smartSWList .smartSWListul{width: 100%;height: 100%; overflow: hidden;}
.smartBOX5 .smartSWList .smart2SW{ width: 100%;}
.smartBOX5 .smartSWIMG,
.smartBOX5 .smartSWBOX,
.smartBOX5 .smartSWList .itema{ width:100%;height: 100%;}
.smartBOX5 .smartSWList .item .ImgBox{ width: 100%;height: 100%;}
.smartBOX5 .smartSWList .item img{display:block;width:100%;height: 100%;object-fit: cover; border-radius:0;}
.smartBOX5 .smartSWList .item .title {text-align:center;font-size: 1.125rem; color:#fff; line-height:1.5; margin-top: 5rem;padding: 0 3%;}
.smartBOX5 .smartSWList .item .title h4{text-align:center;font-size:1.5rem; color:#fff; line-height:1.5; margin-top: 0; font-weight: 400;  margin-bottom: .625rem;}
.smartBOX5 .smartSWList .item{ opacity: 0!important;}
.smartBOX5 .smartSWList .item.swiper-slide-active{ opacity: 1!important;}
@media screen and (max-width:1200px){
.smartBOX5 .smartCon{padding-top:10rem;}
.smartBOX5 .smartSWList .item .title {font-size:1rem;margin-top:4rem;}
.smartBOX5 .smartSWList .item .title h4{font-size:1.25rem; }
.smartBOX5 .smartSWWZB{ min-height:25rem;}
}
@media screen and (max-width:1024px){
.smartBOX5 .smartCon{padding-top:7rem;}
.smartBOX5 .smartSWList .item .title {margin-top:3rem;}
.smartBOX5 .smartSWWZB{ min-height:23rem;}
}
@media screen and (max-width:767px){
.smartBOX5 .smartCon{padding-top:5rem;}
.smartBOX5 .smartSWWZB{ min-height:18rem;}
}



/*smartBOX6*/
.smartBOX6{ padding-top:8.75rem; padding-bottom:10rem; background-color: #fff;}
.smartBOX6 .smartimg{width:100%;}
.smartBOX6 .smartimg img{width:100%;height:100%;object-fit:cover; border-radius:.625rem;}
.smartBOX6 .smartConB{padding:0;list-style:none;position:relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%;padding-top:3.75rem;font-size:1.125rem;color:#2c2c2c;line-height:1.5;}
.smartBOX6 .smartCon  .des{width:50%;}
.smartBOX6 .smartCon  .des h3{padding-right: .625rem;}
.smartBOX6 .smartCon  .title{width:50%;}
@media screen and (max-width:1200px){
.smartBOX6{ padding-top:7rem; padding-bottom:9rem;}
}
@media screen and (max-width:1024px){
.smartBOX6{ padding-top:5rem; padding-bottom:7rem;}
}
@media screen and (max-width:768px){
.smartBOX6{ padding-top:3rem; padding-bottom:5rem;}
.smartBOX6 .smartConB{ flex-direction: column;}
.smartBOX6 .smartCon  .des{ width:100%;}
.smartBOX6 .smartCon  .title{width:100%;}
}




/************************smart2************************/
/*smart2BOX*/
.smart2BOX{ padding-top:6.875rem; padding-bottom: 4.375rem; background-color: #fff;}
.smart2BOX .pageTit2{margin-bottom:2.5rem;}
.smart2BOX .pageTit2Desc{ text-align:left;color:#434343;}
.smart2BOX .pageTit2Desc h3{ font-size:1.75rem;}
@media screen and (max-width:1200px){
.smart2BOX{ padding-top:6rem; padding-bottom:4rem;}
.smart2BOX .pageTit2Desc h3{ font-size:1.6rem;}
}
@media screen and (max-width:1024px){
.smart2BOX{ padding-top:5rem; padding-bottom:3rem;}
.smart2BOX .pageTit2Desc h3{ font-size:1.5rem;}
}
@media screen and (max-width:768px){
.smart2BOX{ padding-top:3rem; padding-bottom:3rem;}
.smart2BOX .pageTit2Desc h3{ font-size:1.3rem;}
}

/*smart2BOX1*/
.smart2BOX1{padding-top:5.625rem; }
.smart2BOX1 .pageTit2{ text-align:left;}
@media screen and (max-width:1200px){
.smart2BOX1{padding-top:5rem; }
}
@media screen and (max-width:1024px){
.smart2BOX1{padding-top:3rem; }
}
@media screen and (max-width:768px){
.smart2BOX1{padding-top:3rem; }
}

/*pageTit6*/
.pageTit6{font-size:1.75rem;color:#000000;line-height:1.5;margin-bottom:3.125rem;font-weight:500;position: relative;padding-left:2.5rem;}
.pageTit6 .tt{display:inline-block; vertical-align:top;}
.pageTit6 .icon{display:block;width:1.75rem; height:100%; position: absolute;top:.5rem;left:0;}
.pageTit6 .icon img{display:inline-block;width:1.75rem;max-width:100%;max-height:100%;object-fit: cover; vertical-align:top;}
@media screen and (max-width:1200px){
.pageTit6{font-size:1.5rem;margin-bottom:3rem;padding-left:2rem;}
.pageTit6 .icon{width:1.75rem;top:.4rem;}
.pageTit6 .icon img{width:1.5rem;}
}
@media screen and (max-width:1024px){
.pageTit6{font-size:1.25rem;margin-bottom:2rem;padding-left:1.85rem;}
.pageTit6 .icon{width:1.25rem;top:.4rem;}
.pageTit6 .icon img{width:1.25rem;}
}
@media screen and (max-width:768px){
.pageTit6{font-size:1.25rem;margin-bottom:2rem;}
}

/*smart2BOX2*/
.smart2BOX2{background-color: #f1f2f4;padding-bottom:0;}
.smart2BOX2 .pageTit{text-align:left;margin-bottom:3.125rem;}
.smart2BOX2 .pageTit .line{ margin-left:0;}
.smart2BOX2 .smart2SWB{  background-color:#fff;border-radius:.625rem; padding:3.75rem 5rem 3.75rem 2.5rem;}
.smart2BOX2 .smart2SWBOX{padding:0;list-style:none;width: 100%; overflow: hidden;} 
/*smart2SWList*/
.smart2SWList{float:right; width:66.66667%;}
.smart2SWList .smart2SWListul{width: 100%; overflow: hidden;}
.smart2SWList .smart2SW{ width: 100%;}
.smart2SWList .item{ width:100%; background-color: #fff;}
.smart2SWList .item .ImgBox{ width: 100%;}
.smart2SWList .item img{display:block;width:100%;object-fit: cover; border-radius:.625rem;}
.smart2SWList .item .title {text-align:left;font-size: 1.125rem; color:#434343; line-height:1.5; margin-top: 1.25rem;}
.smart2SWList .item{ opacity: 0;}
.smart2SWList .item.swiper-slide-active{ opacity: 1;}
@media screen and (max-width:1200px){
.smart2SWList .item .title {font-size:1rem;}
}
@media screen and (max-width:1024px){
.smart2SWList .item .title {font-size:1rem;}
}
@media screen and (max-width:768px){
.smart2SWList{float:none; width:100%;}
.smart2BOX2 .smart2SWB{ padding:2rem;}
}


/*tabBOX*/
.tabBOX{float:left;width: 33.33333%;}
@media screen and (max-width:768px){
.tabBOX{ float:none; width:100%;}
}
/*tab*/
.tab{position:relative;z-index:2;font-size:0;line-height:0;max-width: 83%;}
.tab .li{display:inline-block;*display:inline;zoom:1;vertical-align:top; width:100%; cursor: pointer; margin-bottom:1px;}
.tab .li span{position:relative;display:block;transition: all 0.3s ease-in-out; font-weight:400;font-size:1.125rem;text-align:left; line-height:3.125rem;border-radius:.625rem; padding:0 1.25rem 0 3.125rem;color: #000;}
.tab .li.active span{background-color:#000;color: #fff;}
@media screen and (max-width:1024px){
.tab .li span{ padding:0 1.5rem;}
}
@media screen and (max-width:768px){
.tab{max-width:100%;margin-bottom: 1.875rem;}
.tab .li{ width:auto;}
.tab .li span{font-size:1rem;padding:0 1.25rem;line-height:3rem;}
}
@media screen and (max-width:640px){
.tab{max-width:100%;margin-bottom: 1.875rem;}
.tab .li{ width:auto; }
.tab .li span{font-size:1rem;padding:0 1rem;line-height:2.8rem;}
}

/*smart2BOX*/
.smart2BOX3{background-color: #f1f2f4; }
/*smart2Llist*/
.smart2Llist{padding:0;list-style:none;font-size:0;display:grid;grid-template-columns: repeat(2, 1fr);gap:1.25rem;flex-wrap:wrap;width:100%; }
.smart2Llist .item{ display:block;border-radius:.625rem;padding-bottom:1.875rem;}
.smart2Llist .itema{width:100%;height:100%;position:relative;overflow:hidden;border-radius:.625rem;display:flex;flex-direction: column;justify-content: space-between; }
.smart2Llist .item .img{border-radius:.625rem;overflow:hidden;max-width:100%;display:flex;align-items:center;justify-content:center;}
.smart2Llist .item .imgB{width:100%;height:0;padding-bottom:67.41573033707865%;position:relative;overflow:hidden;border-radius:.625rem;}
.smart2Llist .item .imgB>div{ position:static!important;}
.smart2Llist .item .imgB img{max-width:100%;height:100%;width:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95);position: absolute;left: 0;right: 0;top: 0;bottom: 0;/*aspect-ratio: 445 / 300;*/}
.smart2Llist .item .itema:hover .imgB img{transform:scale(1.1)}
.smart2Llist .title{width:100%;box-sizing:border-box;padding:2.5rem 0;}
.smart2Llist .title .des{font-size:1.125rem;color:#434343; font-weight:normal;line-height:1.5;}
.smart2Llist .title h4{font-size:1.5rem;color:#000000;line-height:1.5;margin-bottom:.3125rem;font-weight:400;display:flex;}
@media screen and (max-width:1220px){
.smart2Llist .title{padding:3rem 3rem;}
.smart2Llist .title .des{font-size:1.125rem;}
.smart2Llist .title h4{font-size:1.25rem;}
}
@media screen and (max-width:768px){
.smart2Llist{grid-template-columns: repeat(1, 1fr);}
.smart2Llist .item .itema{flex-direction:column;}
.smart2Llist .item:nth-child(2n) .itema{flex-direction:column;}
.smart2Llist .item .imgB{flex:0 0 100%;width: 100%;}
.smart2Llist .title{padding:2.5rem;}
.smart2Llist .title .des{font-size:1rem;}
.smart2Llist .title h4{font-size:1.125rem;}
}



/*smart2Contact*/
.smart2Contact{padding-top: 7.1875rem; padding-bottom: 7.1875rem; background:#339edc;margin-top:1.25rem;background-size:cover;background-position:center top;background-repeat:no-repeat; position: relative;}
.smart2Contact .smart2img{width:100%;/* height:100vh */position:absolute;top:0;left:0;right:0;height:100%;z-index:1;}
.smart2Contact .smart2img img{width:100%;height:100%;object-fit:cover}
.smart2Contact .smart2img img{transform:translateY(-0%);transition:none}
.smart2Contact .smart2ContactB{width:100%;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items: center;position: relative; z-index: 2;}
.smart2Contact .smart2ContactB .title{font-size:1.25rem; color: #fff; line-height: 1.5; text-align: center;}
.smart2Contact .smart2ContactB .title h3{ font-size: 1.875rem;}
.smart2Contact .smart2ContactB .more{ margin-top:1.875rem; text-align: center;} 
.smart2Contact .smart2ContactB .more a{ font-size:1rem; text-align:center;color:#000000;display: inline-block;font-weight:normal;line-height:3.125rem;border-radius:.625rem;padding: 0 2.125rem; background-color: #f9f9f9; -moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; margin: 0 .4375rem;}
.smart2Contact .smart2ContactB .more a.moreBtn2{ background-color: #008cd6;color: #fff;}
.smart2Contact .smart2ContactB .more a:hover{background-color:#e8e8e8;}
.smart2Contact .smart2ContactB .more a.moreBtn2:hover{ background-color:#026fa9;}
@media screen and (max-width:1220px){
.smart2Contact{padding-top:6rem; padding-bottom:6rem; }
.smart2Contact .smart2ContactB .title{font-size:1.125rem;}
.smart2Contact .smart2ContactB .title h3{ font-size: 1.75rem;}
.smart2Contact .smart2ContactB .more{ margin-top:1.75rem;;} 
}
@media screen and (max-width:1024px){
.smart2Contact{padding-top:5rem; padding-bottom:5rem; }
.smart2Contact .smart2ContactB .title{font-size:1rem;}
.smart2Contact .smart2ContactB .title h3{ font-size: 1.5rem;}
.smart2Contact .smart2ContactB .more{ margin-top:1.5rem;} 
}
@media screen and (max-width:768px){
.smart2Contact{padding-top:3rem; padding-bottom:3rem; }
.smart2Contact .smart2ContactB .title{font-size:1rem;}
.smart2Contact .smart2ContactB .title h3{ font-size: 1.25rem;}
.smart2Contact .smart2ContactB .more{ margin-top:1.25rem;;} 
}

/************************smart3************************/
/*tit*/
.smartCon  .tit{color:#000; font-weight: 400;margin-bottom:1.875rem;}
.smartCon  .tit .t{ display:inline-block;padding-left:1rem; position: relative; }
.smartCon  .tit .t:after{ content:''; display:inline-block;width:4px;height:74%;background-color:#008cd6; position: absolute; left: 0;top:13%;}
.smartCon  .des{font-size:1.125rem;line-height:1.5;}
@media screen and (max-width:1200px){
.smartCon  .des{font-size:1rem;line-height:1.5;}
}
@media screen and (max-width:1024px){
.smartCon  .des{font-size:1rem;line-height:1.5;}
}
@media screen and (max-width:768px){
.smartCon  .des{font-size:1rem;line-height:1.5;}
}
/*smart3BOX1*/
.smart3BOX1{ padding-top:5rem; padding-bottom:7.5rem; background-color: #fff;}
.smart3BOX1 .smartBOXNr{padding:0;list-style:none;font-size:0;position:relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items: center;justify-content:space-between;width:100%;}
.smart3BOX1 .smartimg{width:56.25%;}
.smart3BOX1 .smartimg img{width:100%;height:100%;object-fit:cover;border-radius:.625rem;}
.smart3BOX1 .smartCon{width: 43.75%;}
.smart3BOX1 .smartCon .smartConB{padding-left:16%;color:#6a6a6a;}
@media screen and (max-width:1200px){
.smart3BOX1{ padding-top:4rem; padding-bottom:6rem; }
}
@media screen and (max-width:1024px){
.smart3BOX1{ padding-top:3rem; padding-bottom:5rem; }
}
@media screen and (max-width:768px){
.smart3BOX1{ padding-top:2rem; padding-bottom:4rem; }
.smart3BOX1 .smartBOXNr{ flex-direction: column;}
.smart3BOX1 .smartCon{ width:100%;}
.smart3BOX1 .smartimg{width:100%;}
.smart3BOX1 .smartCon .smartConB{padding-left:0%;padding-bottom: 3rem;padding-top: 3rem;}
}


/*smart3BOX2*/
.smart3BOX2{ padding-top:8.125rem; padding-bottom:7.5rem; background-color: #f1f2f4;}
.smart3BOX2 .smartCon .smartConB{color:#6a6a6a; text-align: left;margin-bottom: 3.75rem;}
@media screen and (max-width:1200px){
.smart3BOX2{ padding-top:6rem; padding-bottom:5rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px){
.smart3BOX2{ padding-top:5rem; padding-bottom:4rem;margin-bottom:2rem;}
}
@media screen and (max-width:768px){
.smart3BOX2{ padding-top:4rem; padding-bottom:3rem;margin-bottom:1.5rem;}
}



/*smart3SWB*/
.smart3SWB{ overflow: hidden;}
.smart3SWB .smart3SW{position: relative;}
.smart3SWB .item{ width: auto;background:#fff;border-radius:.625rem;height:100%;}
.smart3SWB .item .itema{padding:0;list-style:none;font-size:0;position:relative;display:block;width:100%;height:100%; border-radius:.625rem;overflow: hidden;}
.smart3SWB .item .itema{width:42.91666666666667vw;}
.smart3SWB .item .itema{display:grid;grid-template-columns:2fr 3fr;flex-direction:row;box-sizing:border-box;align-items:start;justify-content:space-between; }
/*smart3SWB ImgBox*/
.smart3SWB .item .info{width: 100%;}
.smart3SWB .item .img{width: 100%;} 
.smart3SWB .item .imgBox{overflow:hidden;position:relative;border-radius:.625rem;padding-bottom:91.66666666666667%;border-top-left-radius:0;border-bottom-left-radius:0;}
.smart3SWB .item .imgBox>div{position:static!important;}
.smart3SWB .item .imgBox img {display:block;max-width:none;width:100%;height:100%;object-fit:cover;/*aspect-ratio:480 / 440;*/ position: absolute;top: 0;left: 0;} 
.smart3SWB .item .itema,
.smart3SWB .item .imgBox,
.smart3SWB .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.smart3SWB .item .itema:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
/*smart3SWB info*/
.smart3SWB .item .info{height:100%;padding:2.5rem 2.5rem;}
html[lang="en-US"] .smart3SWB .item .info{padding:1.5rem 2.5rem;}
.smart3SWB .item .infoB{width:100%;height:100%;padding:0;list-style:none;font-size:0;position:relative;z-index:3;display:flex;box-sizing:border-box;justify-content:space-between;flex-direction: column;}
.smart3SWB .item .tit{font-size:1.375rem;line-height:1.5;color:#000000;margin-bottom:1.25rem;}
.smart3SWB .item .des{font-size:1rem;line-height:1.5;color:#6a6a6a;}
.smart3SWB .item .icon img {max-width:100%;height:1.5rem; margin-top: .625rem; margin-bottom:.625rem;}
/*smart3BOX3*/
.smart3BOX3{ padding-top:7.5rem; padding-bottom:7.5rem; background-color: #fff;}
.smart3BOX3 .smartimg{width:100%;}
.smart3BOX3 .smartimg img{width:100%;height:100%;object-fit:cover; border-radius:.625rem;}
.smart3BOX3 .smartConB{padding-top:3.125rem;color:#6a6a6a; }
@media screen and (max-width:2560px){
.smart3SWB .item .itema{width:50vw;}
html[lang="en-US"] .smart3SWB .item .itema{width:51.5vw;}
}
@media screen and (max-width:1920px){
.smart3SWB .item .itema{width:50vw;}
html[lang="en-US"] .smart3SWB .item .itema{width:51.5vw;}
}
@media screen and (max-width:1900px){
.smart3SWB .item .itema{width:42.91666666666667vw;}
html[lang="en-US"] .smart3SWB .item .itema{width:51.5vw;}
}
@media screen and (max-width:1200px){
.smart3BOX3{ padding-top:7rem; padding-bottom:7rem;}
.smart3SWB .item .itema{width:90vw;}
html[lang="en-US"] .smart3SWB .item .itema{width:90vw;}
.smart3SWB .item .tit{font-size:1.25rem;margin-bottom:1.125rem;}
}
@media screen and (max-width:1024px){
.smart3BOX3{ padding-top:5rem; padding-bottom:5rem;}
.smart3SWB .item .itema{width:94vw;}
html[lang="en-US"] .smart3SWB .item .itema{width:94vw;}
.smart3SWB .item .tit{font-size:1.125rem;}
}
@media screen and (max-width:768px){
.smart3BOX3{ padding-top:3rem; padding-bottom:3rem;}
.smart3SWB .item .itema{ flex-direction: column;}
.smart3SWB .item .itema{width:100%;}
.smart3SWB .item .itema{grid-template-columns:repeat(1, 1fr);display:flex;flex-wrap:wrap;}
.smart3SWB .item .itema{width:100%;}
html[lang="en-US"] .smart3SWB .item .itema{width:100%;}
}


/************************search************************/
.x-search1{background-color:#f7f7f7;padding:8.125rem 0 5.625rem}
.x-search1 .container{max-width: 56.25rem;}
@media screen and (max-width:768px){
.x-search1{padding:7.5rem 0}
}


/* x-t-a */
.x-search1  .x-top{text-align:center}
.x-search1  .x-top .x-title{text-align:center; font-size:2.25rem; font-weight:600; color: #000; margin-bottom: 1.25rem;}
.x-search1  .x-top .x-form{width:37.5rem;margin:1.25rem auto 0;height:3.75rem;background-color:#fff;border-radius:3.75rem;display:flex;justify-content:space-between;align-items:center;padding:0 .3125rem 0 1.25rem}
.x-search1  .x-top .x-form input{color:#999999;width:calc(100% - 7.5rem);border: none; outline: none;}
.x-search1  .x-top .x-form input::placeholder{color:#999999}
.x-search1  .x-top .x-form button{background-color:#008cd6;color:#fff;padding:.9375rem 0;width:5rem;border-radius:3.75rem; font-size:1.125rem; font-weight:400; }
@media screen and (max-width:1024px){
.x-search1  .x-top .x-form button{width:5.625rem;padding:.625rem 0}
}
@media screen and (max-width:768px){
.x-search1  .x-top .x-form{width:100%;height:80px}
.x-search1  .x-top .x-form button{width:7.5rem;padding:.875rem 0}
}


/* x-t-a */
.x-search1  .x-t-a{display:flex;border-bottom:.0625rem solid #dae7e9;margin-top:5.3125rem}
.x-search1  .x-t-a .a{display:inline-block;margin-right:4.0625rem;color:#222222;transition:.4s ease-in-out;padding-bottom:.9375rem;position:relative;cursor: pointer;font-weight:500;}
.x-search1  .x-t-a .a.on{color:#008cd6}
.x-search1  .x-t-a .a.on::before{opacity:1}
.x-search1  .x-t-a .a::before{content:"";width:100%;height:.1875rem;background-color:#008cd6;position:absolute;left:0;bottom:-1px;opacity:0;transition:.4s ease-in-out}
@media screen and (max-width:1024px){
.x-search1  .x-t-a .a{margin-right:2.5rem}
}
@media screen and (max-width:768px){
.x-search1  .x-t-a{overflow-x:auto}
.x-search1  .x-t-a .a{white-space:nowrap}
.x-search1  .x-t-a .a::before{display:none}
.x-search1  .x-t-a .a{margin-right:1.25rem}
}

/* x-x-box */
.x-search1  .x-x-box .x-tt{display:flex;align-items:flex-end;align-items: center;}
.x-search1  .x-x-box .x-tt .x-tet{color:#000000;font-weight:bold;line-height:1.2;margin-right:.625rem; font-size:1.5rem;}
.x-search1  .x-x-box .x-tt span{color:#666666;font-size:.875rem;}
.x-search1  .x-x-box .x-con-box1{margin-top:4.375rem}
.x-search1  .x-x-box .x-con-box1 .x-a{background-color:#fff;margin-top:1.25rem;padding:.625rem 2.5rem 0 2.5rem;border-radius:.625rem}
.x-search1  .x-x-box .x-con-box1 .x-a a{display:block;padding:1.75rem 0;border-bottom:.0625rem solid #f0f0f0}
.x-search1  .x-x-box .x-con-box1 .x-a a:hover .x-tit{color:#008cd6}
.x-search1  .x-x-box .x-con-box1 .x-a a:last-child{border-bottom:none}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-tit{font-weight:bold;color:#000;transition:.4s ease-in-out;font-size:1.25rem;}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-p{color:#666666;margin-top:.625rem}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-ab{display:inline-flex;align-items:center;margin-top:.375rem;font-size: 1rem;}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-ab span{color:#008cd6}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-ab i{display:inline-flex;align-items:center;width:1.25rem;height:1.25rem;margin-left:.3125rem}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-ab i svg{width:100%;height:100%}
.x-search1  .x-x-box .x-con-box1 .x-a a .x-ab i svg path{fill:#008cd6}
.x-search1  .x-x-box .x-con-box1 .more a{display:inline-flex;align-items:center;margin-top:1rem;font-size: 1rem;}
.x-search1  .x-x-box .x-con-box1 .more a span{color:#008cd6}
.x-search1  .x-x-box .x-con-box1 .basepage{margin-top:3.75rem}
.x-search1  .x-x-box .x-con-box1 ul{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:2.1875rem -2.5rem 1.25rem 0}
.x-search1  .x-x-box .x-con-box1 ul li{width:33.33%;display:flex;padding:0 2.5rem 2.5rem 0}
@media screen and (max-width:1024px){
.x-search1  .x-x-box .x-tt .x-tet{font-size:1.5rem;}
.x-search1  .x-x-box .x-con-box1 ul li{width:50%}
.x-search1  .x-x-box .x-con-box1 .x-a{margin-top:1.25rem;padding:.625rem 1.5rem 0 1.5rem;}
}
@media screen and (max-width:768px){
.x-search1  .x-x-box .x-tt .x-tet{font-size:1.25rem;}
.x-search1  .x-x-box .x-con-box1 ul{margin-right:auto}
.x-search1  .x-x-box .x-con-box1 ul li{width:100%;padding-right:0}
.x-search1  .x-x-box .x-con-box1 .x-a{margin-top:1.25rem;padding:.625rem 1.5rem 0 1.5rem;}
}

/*x-no-wjg*/
.x-search1  .x-no-wjg{padding:5.625rem 0;text-align:center}
.x-search1  .x-no-wjg .x-img{width:9rem;height:5.5rem;margin:0 auto}
.x-search1  .x-no-wjg .x-img img{width:100%;height:100%;object-fit:contain}
.x-search1  .x-no-wjg .x-p{margin-top:1.5625rem;color:#231815;font-size:.875rem;}