/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:100; background-color: #fff;}
.header.on{ position: fixed; left: 0; top: 0; width: 100%;}
.loarea{ height:70px; position:relative; z-index:3;}
.loarea .wp{ display: flex; justify-content: space-between; }
.logo{ width:340px; height:70px; display:flex; align-items: center;}
.logo .tp{ height:26px; width:auto;}
.toplink{ text-align: right; display: flex; align-items: center; margin-left: auto;}
.toplink .item{ font-size: 16px; margin-left: 20px; color: #333;}     
.toplink .item::before{ margin-right: 5px;}
.searchBtn{ display: none; position: absolute; right: 10px; width: 40px; height: 40px; top: 5px; text-align: center; line-height: 40px;}
.searchBtn .iconfont{}
.searchLay{ position: absolute; padding: 10px 3%; width: 100%; background-color: rgba(0,0,0,.6); top: 50px; left: 0; box-shadow: 0 0 0 5px 0 rgba(0, 0, 0, .05); z-index: 5; box-sizing: border-box; opacity: 0; visibility: hidden; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.searchLay .wrap{ position: relative;}
.searchLay .icon{ position: absolute; left: 20px; font-size: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.searchLay .text{ box-sizing: border-box; background-color: #fff; border-radius: 60px; width: 100%;padding: 10px 20px 10px 50px; height: 48px; line-height: 48px; font-size: 16px; color: #666; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.searchLay.on{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);opacity: 1; visibility: visible; }



.chooseLan{ margin-left: 45px !important; position: relative; cursor: pointer;}
.curLan{  }
.curLan .iconCountry{ font-size: 16px; margin-right: 5px; color: #2392B1;}
.curLan .arr{ font-size: 16px; margin-left: 0px;}

.curLan .val{ font-size: 14px; text-transform: uppercase; }
.lanLay{ padding-top: 8px; width: 120px; position: absolute; right: 0px; top: 28px; display: none; }
.lanul{ border-radius: 10px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px ;  border: 1px solid #dfdfdf; overflow: hidden; padding: 6px 0 0; }
.lanul li{ }
.lanul li a{ display:block;padding: 5px 25px; text-align: left;  font-size: 16px; }
.lanul .icon{height: 20px; margin-right: 10px; }
.lanul .val{}
.lanul a:hover{ color: #2392B1; font-weight: bold;}
.otherCounts{ padding:6px 0; color: #2392B1;  background-color: #fafafa;}
.chooseLan:hover .lanLay{ display: block;}

.nav_search { background-color: #F9F7F3;}
.nav_search .wp{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.search{ position: relative;}
.search .icon{ position: absolute; left: 20px; font-size: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.search .text{ box-sizing: border-box; background-color: #fff; border-radius: 60px; width: 270px;padding: 10px 20px 10px 50px; height: 48px; line-height: 48px; font-size: 16px; color: #666; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
/*PC导航 begin*/
.nav{  z-index:5;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:18px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  margin-right: 38px; text-align:center; display:inline-block; line-height:76px; height:76px; position: relative;}
.navul li>a .arr{ font-size: 12px; margin-left: 5px; font-weight: bold;}
.navul li>a:hover,.act_nav{color:#2392B1 !important;}
/* 子导航 */
.subnavBg{z-index: 998; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); left: 0; top: 0; display: none;}
.subnavLay{ z-index: 999; position: fixed; width: 876px; max-width: 100%; height: 100%; background-color: #fff;left: 0; top: 0; padding: 40px 60px; box-sizing: border-box; left: -100%;}
.subnavCloseBtn{ width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; position: absolute; right: 30px; top: 30px; color: #666; cursor: pointer; }
.subnavCloseBtn:hover{ color: #2392B1;}
.subnavLay .boxl{ width: 46%; height: 100%; border-right: 1px solid #ddd;  padding-right: 40px; margin-right: 40px;}
.subnavLay .boxr{ flex: 1; min-width: 0;}
.slogo{ display: block; margin: 0 auto;  max-height: 24px;}
.sSearch{ margin-top: 50px; padding: 2px 2px 2px 15px; box-sizing: border-box; border: 1px solid #D8D8D8; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; display: flex; }
.sSearch .text{ flex: 1; min-width: 0; font-size: 16px; height: 40px; line-height: 40px;}
.sSearch .tj{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content:center; font-size: 20px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #2392B1; cursor: pointer; }
.sSearch .tj::before{}
.sSearch .tj:hover{ background-color: #05bbee;}
.subnavLay .boxl .wrap{ padding-left: 30px; position: relative; margin-top: 40px;}
.cateName{ font-size: 20px; font-weight: bold; color: #2392B1; position: relative;}
.cateName  .backBtn{ position: absolute; font-size: 24px; left: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.subCate { margin-top: 30px; position: relative;}
.subCate .item{ padding: 10px 0;}
.subCate .item .name{ font-size: 18px;  cursor: pointer; position: relative; padding-right: 40px;}
.subCate .item .name .arr{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.actSubCate,.subCate .item .name:hover{ color: #2392B1 !important;}
.subCate .item .subCateLay{ position: absolute; left: 126%; top: 0; display: none; width: 100%;}
.subCate .item .subCateLay .tit{ font-size: 18px; color: #2392B1; font-weight: bold;}
.subCate .item .subCateLay .nr{ margin-top: 30px;}
.subCate .item .subCateLay .nr a{ display: block; padding: 15px 0; color: #666;}
.subCate .item .subCateLay .nr a:hover{ color: #2392B1 !important;}



/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; left:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#2392B1; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav>ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #2392B1 !important; color:#2392B1 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}


/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height: calc(100vh - 126px);  object-fit: cover; display:block;}

.banIntro{ width: 100%; position: absolute; top:50%; transform:translateY(-50%); padding: 70px 0; }
.banIntro .wp{ display:flex;}
.banIntro .inner{width:500px; max-width:100%;}
.banIntro.right .inner{ margin-left:auto;}
.banIntro.left{}
.banIntro .tit{ font-size: 48px; line-height: 1.3; font-weight: bold; color: #fff;}
.banIntro .tags{ font-size:28px; color:#fff; margin-top:20px; display:block; font-weight: bold;}
.banIntro .mandiv{ margin-top: 40px;}
.banIntro .mandiv .sbtn{ font-size: 20px; padding: 0.6em 2em;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:12px;height:12px;padding: 0;background-color:#727272; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 5px !important;}
.banner .swiper-pagination-bullet-active{background-color:#fff;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/


.h_pro{ padding: 80px 0 40px; background-color: #F6F6F6;}
.h_pro .wp{ display: flex; flex-wrap: wrap;}
.hproItem{ width: 31%; margin: 0 3.5% 3.5% 0;}
.hproItem:nth-child(3n){ margin-right: 0;}
.hproItem a{ display: block;}
.hproItem .tparea{ font-size: 0; overflow: hidden;}
.hproItem .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.hproItem .des{ padding: 40px 0; position: relative; text-align: center; border-bottom: 3px solid #fff;}
.hproItem .des::after{ content: ""; display: block; width: 0%; height: 3px; background-color: #2392B1; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.hproItem .des .tit{ font-size: 20px; color: #2392B1;}
.hproItem a:hover .des::after{ width: 100%;}
.hproItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_mess{ background-color: #f6f6f6; padding-bottom: 100px;}
.h_mess .wp{ display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding: 24px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .05);}
.hmess{ width: 48%;}
.hmSlide{ width: 48%;}
.hmMap{width: 48%;}
.hmMap .inner{ overflow-x: auto; text-align: center; height:100%;}
.hmMap .tp{max-width: 3000px; height:630px;}
.hmess .title{ font-size: 30px; font-weight: bold; color: #2392B1;}
.hmess .info{ margin-top: 10px; font-size: 16px; color: #999999; margin-top: 5px;}
.hmess .info a{
    color: #2392B1;
}
.messForm{  margin-top: 20px; }
.messForm .formItem{ margin-bottom: 8px;}
.messForm .formItem .attrmc{ font-size: 16px; padding: 0.4em 0; }
.messForm .formItem .attrmc .require{ color: #f00; margin-left: 5px;}
.messForm .formItem .attrval{}
.messForm .row{ display: flex; justify-content: space-between;}
.messForm .row .formItem{ width: 48%;}
.messForm .text,.messForm .textarea{ display: block; width: 100%; border: 1px solid #E0E0E0;font-size: 16px; background-color: #fff; }
.messForm .text{ height: 44px; line-height:44px; padding-left: 15px; }
.messForm .textarea{ padding: 10px 15px; height: 100px;}
.messForm .formConfirm{ padding-top: 10px; }
.messForm .formConfirm .sbtn{ padding: 0.8em 4em; font-size: 16px;}
.hmSlide .tp{ width: 100%;}
.hmSlide .swiper-pagination{ bottom:24px !important; border-radius: 3px; height: 3px; font-size: 0; display: flex; background-color: rgba(255, 255, 255, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; text-align: left; }
.hmSlide .swiper-pagination-bullet{width:25%;height:3px;padding: 0;background-color:transparent; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;border-radius: 3px;  margin: 0;}
.hmSlide .swiper-pagination-bullet-active{background-color:#fff;}
.hmSlide .swiper-button-prev,.hmSlide .swiper-button-next{ display: none;}

.h_tit{ position: relative; padding: 34px 0; display: flex; align-items: center;}
.h_tit .mc{ font-size: 40px; font-weight: bold; color: #2392B1; margin: 0 20px;}
.h_tit::before,.h_tit::after{ content: ""; display: block; height: 2px; background-color: #2392B1; }
.h_tit::before{ width: 60px;}
.h_tit::after{ flex: 1;}
.h_highLights{padding: 50px 0;}
.hhightLightsItem{ }
.hhightLightsItem a{ display: block;}
.hhightLightsItem .tparea{ font-size: 0; overflow: hidden;}
.hhightLightsItem .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.hhightLightsItem .des{ padding: 40px 0; position: relative;}
.hhightLightsItem .des .tit{ font-size: 20px; color: #2392B1; padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px solid #F0F0F0;}
.hhightLightsItem .des .nr{ font-size: 16px; }
.hhightLightsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hhightLightsItem a:hover .des .tit{}
.hhighSlideWrap{ position: relative; padding: 0 100px;}
.hhighSlideWrap .swiper-button-prev{ left:0.5%;}
.hhighSlideWrap .swiper-button-next{ right:0.5%;} 
.hhighSlideWrap .swiper-button-prev::after,.hhighSlideWrap .swiper-button-next::after{ display: none;}
.hhighSlideWrap .swiper-button-prev,.hhighSlideWrap .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:64px; height:64px; line-height:64px; top:50%; margin-top:-32px; color: #666; background-color: #fff; box-shadow: 0 0 6px 0 #EBEBEB; -webkit-filter:alpha(opacity=100); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 800; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.hhighSlideWrap .swiper-button-prev .iconfont,.hhighSlideWrap .swiper-button-next .iconfont{ font-size: 24px; font-weight: bold;}
.hhighSlideWrap .swiper-button-prev:hover,.hhighSlideWrap .swiper-button-next:hover{background-color: #2392B1; color: #fff;}

.h_new{ padding-bottom: 100px;}
.hnewItem{}
.hnewItem a{ display: block;}
.hnewItem .tparea{ font-size: 0; overflow: hidden;}
.hnewItem .tparea .tp{ width: 100%; aspect-ratio: 2/0.8; object-fit: cover;}
.hnewItem .des{ padding: 20px 24px; color: #fff; background-color: #2392B1; position: relative;}
.hnewItem .des .title{ position: relative; padding-right: 100px;}
.hnewItem .des .title .tit{ font-size: 18px; font-weight: bold;}
.hnewItem .des .title .time{ font-size: 12px;}
.hnewItem .des .title .morea{ position: absolute; right: 0; bottom: 0; font-size: 16px;}
.hnewItem .des .title .morea:hover{ text-decoration: underline;}
.hnewItem .des .nr{ margin-top: 14px; }
.hnewItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hnewItem a:hover .des{ background-color: #05bbee;}

.h_ad{}
.h_ad .wp{ text-align: right; padding: 100px 0;}
.h_ad .sbtn{ font-size: 24px; padding: 0.6em 2em;}
.h_about{ margin-top: 80px;}
.h_about .wp{ display: flex; flex-wrap: wrap;}
.h_about .intro{ width: 50%; box-sizing: border-box; padding: 50px 70px; background-color: #F6F6F6; }
.h_about .intro .tit{ font-size: 40px;}
.h_about .intro .nr{ margin-top: 30px; font-size: 16px;}
.h_about .intro .mandiv{ margin-top: 40px;}
.h_about .intro .mandiv .sbtn{ font-size: 24px; padding: 0.6em 2em;}
.h_about .tparea{ width: 50%; font-size: 0;}
.h_about .tparea .tp{ width: 100%; height:100%; object-fit:  cover;}

.h_video{ margin-top: 80px;}
.h_video .wp{ display: flex; flex-wrap: wrap;}
.h_video .intro{ width: 50%; box-sizing: border-box; padding: 50px 70px; display: flex; align-items: center; background-color: #F6F6F6; }
.h_video .intro .nr{ margin-top: 30px; font-size: 16px;}
.h_video .tparea{ width: 50%; display: block; font-size: 0; position: relative;}
.h_video .tparea .tp{ width: 100%; height:100%; object-fit:  cover;}
/*.h_video .tparea .icon{ width: 88px; height: 88px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }*/

.h_video .tparea .playBtn{ width: 76px; height: 76px; display: inline-flex; align-items: center; justify-content: center ; color: #2392B1; font-size: 24px; cursor: pointer; position: absolute; border-radius:50% ; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #fff; border: 6px solid transparent; background-clip: padding-box; box-shadow: 0 0 0px 1px rgba(255, 255, 255, .37); -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.h_video .tparea .playBtn:hover{ background-color: #2392B1; color: #fff;}

.h_cert{ padding: 120px 0 100px;}
.h_cert .wp{ display: flex; flex-wrap: wrap;}
.h_cert .intro{ width: 420px; margin-right: 40px;}
.h_cert .intro .tit{ font-size: 40px; line-height: 1.2; color: #2392B1;}
.h_cert .intro .nr{ margin-top: 30px; font-size: 18px;}
.h_cert .intro .mandiv{ margin-top: 44px;}
.h_cert .intro .mandiv .sbtn{ font-size: 24px; padding: 0.6em 2em;}
.hcertList{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap;}
.hcertItem{ width: 32%; margin:0 2% 2% 0;}
.hcertItem:nth-child(3n){ margin-right: 0;}
.hcertItem a{ display: block; padding: 12px 30px ; background-color: #F6F6F6;}
.hcertItem .tparea{ font-size: 0; overflow: hidden;}
.hcertItem .tparea .tp{ width: 100%; aspect-ratio: 252/338; object-fit: cover;}
.hcertItem .des{ padding: 15px 0; position: relative;}
.hcertItem .des .tit{ font-size: 18px; line-height: 1.4; text-align: center;}
.hcertItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.footer{ background-color: #2392B1; color: #fff;}
.f_t{ display: flex; flex-wrap: wrap; padding: 80px 0;}
.f_b{}

.fadd{ width: 24%; margin-right: 2%; }
.fadd .tp{ max-height: 33px; }
.fadd .info{ font-size: 16px; margin-top: 40px;}
.fadd .nr{ margin-top: 40px;}
.fadd .nr .list{ padding-left: 33px; font-size: 20px; position: relative; margin-bottom: 8px;}
.fadd .nr .list::before{ position: absolute; left: 0; top: -2px;}

.fnav{ flex: 1; min-width: 0; overflow: hidden;}
.fnavItem{width: 33.33%; float: left; margin-bottom: 30px; }
.fnavItem .tit{ font-size: 18px;}
.fnavItem .nr{ font-size: 16px; margin-top: 10px;}
.fnavItem .nr a{ color: #fff; opacity: .8; padding: 6px 0; display: block;}
.fnavItem .nr a:hover{  text-decoration: underline;}
.fmid{ padding-bottom: 40px; margin-top: -40px;}
.fmid a{ color: #fff;}
.fmid  a:hover{  text-decoration: underline;}
.f_b{ padding: 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-top: 1px solid rgba(255, 255, 255, .4);}
.flink{}
.flink a{ display: inline-block; font-size: 0; margin-right: 10px; }
.flink a .icon{ height: 26px;}
.flink a:hover .icon{ opacity: .9;}
.fcopy{ font-size: 14px; color: #fff;}
/* 加入我们 */
.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}
.ibanIntro{ z-index: 2; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ibanIntro .lmmc{  font-size: 48px; color: #fff;}
.ibanIntro .info{ font-size: 26px;  margin-top: 10px; color: #fff;}
.i_ban .bgShdow{ position: absolute; background: linear-gradient(90deg, rgba(35,146,177,1), rgba(35,146,177,0)); width: 60%; height: 100%;  left: 0; top: 0; }

.location{  display: flex; align-items: center;z-index: 2; width: 100%; position: absolute; left: 0; top: 0%; padding: 30px 0; }
.location .cutline{ font-size:14px; color:#fff;}
.location a{ font-size:14px; color:#fff; margin:0 6px;font-style: normal;}
.location a:hover{ color:#2392B1;}
/*.act_loca{ font-weight: bold !important;}*/

.join{ padding: 60px 0 100px;}
.joinIntro{ text-align: center; padding: 0 15px;}
.joinIntro .tit{ font-size: 30px; font-weight: bold;}
.joinIntro .info{ font-size: 18px; margin-top: 10px; font-weight: bold;}
.joinIntro .nr{ margin-top: 20px; font-size: 18px; text-align:left;}
.join .wrap{ margin-top: 100px; display: flex; flex-wrap: wrap;}
.joinItem{ width: 31%; margin: 0 3.5% 3.5% 0;}
.joinItem:nth-child(3n){ margin-right: 0;}
.joinItem:nth-child(n+1) .tparea{ background-color: #EB746E;}
.joinItem:nth-child(n+2) .tparea{background-color: #A1AAB1;}
.joinItem:nth-child(n+3) .tparea{background-color: #D3C7B7;}
.joinItem .tparea{ font-size: 42px; display: flex; align-items: center; justify-content: center; color: #fff;  width: 116px; height: 116px; }  
.joinItem .tparea .tp{}
.joinItem .des{margin-top: 20px;}
.joinItem .des .tit{ font-size: 20px;}
.joinItem .des .nr{ margin-top: 10px;}
.joinItem .des .nr .p1{ font-weight: bold;}
.joinItem .des .nr .p2{}
.join .formConfirm{ text-align: center; margin-top: 20px;}
.join .formConfirm .tip{ font-size: 24px;}
.join .formConfirm .opa{ margin-top: 20px;}
.join .formConfirm .sbtn{ font-size: 24px; padding: 0.6em 4em;}
.join .formConfirm .sbtn .icon{ margin-right: 10px;}
/* 新闻资讯 */
.lm{ margin-top: 70px; }
.lm a{ display: inline-block;  background-color: #F9F7F3; position: relative; margin:0 20px 20px 0; padding: 0.4em 1.8em; font-size: 16px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px;  }
.lm a:hover,.actlm{  background-color: #2392B1 !important; color: #fff !important; }

.news{ padding: 0 0 100px;}
.news .h_new{ padding: 40px 0 60px;}
.news .lists{ border-top: 1px solid #DFDFDF;}
.newsItem{}
.newsItem a{ display: flex; flex-wrap: wrap; padding: 50px 0; border-bottom: 1px solid #DFDFDF;}
.newsItem .type{ font-size: 20px; color: #2392B1; margin-right: 30px; width: 100px;}

.newsItem .des{ flex: 1; min-width: 0;  position: relative;}
.newsItem .des .title{ position: relative; color: #2392B1;}
.newsItem .des .title .tit{ font-size: 18px; font-weight: bold;}
.newsItem .des .title .time{ font-size: 12px;}
.newsItem .des .title .morea{ position: absolute; right: 0; bottom: 0; font-size: 16px;}
.newsItem .des .title .morea:hover{ text-decoration: underline;}
.newsItem .des .nr{ margin-top: 20px; }
.newsItem .des .mandiv{ margin-top: 20px;}
.newsItem .tparea{ width: 38%; margin-left: 40px; border-radius: 5px; font-size: 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.newsItem .tparea .tp{ width: 100%; aspect-ratio: 456/222; object-fit: cover;}
.newsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newsItem a:hover { transform:translateY(-5px) ; -webkit-transform:translateY(-5px) ; -moz-transform:translateY(-5px) ; -ms-transform:translateY(-5px) ; -o-transform:translateY(-5px) ; border-color: #2392B1; }

/* 翻页 */
.turnpage{font-size:0; margin:0 auto;  }

/* 搜索页面 */
.search_area {
    padding: 60px 0;
    background-color: #F9F7F3;
}

.search_box {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.search_input {
    width: 100%;
    height: 60px;
    padding: 0 120px 0 30px;
    font-size: 18px;
    border: 1px solid #ddd;
    border-radius: 30px;
    box-sizing: border-box;
    outline: none;
}

.search_btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 110px;
    height: 50px;
    background-color: #2392B1;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.search_btn:hover {
    background-color: #05bbee;
}

.search_results {
    padding: 60px 0 100px;
}

.search_summary {
    margin-bottom: 40px;
    font-size: 16px;
    color: #666;
}

.results_list {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.results_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.results_list li {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}

.results_list li:last-child {
    border-bottom: none;
}

.result_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.result_title {
    flex: 1;
    min-width: 0;
    margin-right: 20px;
}

.result_title a {
    font-size: 18px;
    color: #2392B1;
    text-decoration: none;
    transition: color 0.3s;
}

.result_title a:hover {
    color: #05bbee;
}

.result_type {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
}

.result_type.product {
    background-color: #e6f7ff;
    color: #1890ff;
}

.result_type.news {
    background-color: #f6ffed;
    color: #52c41a;
}

.result_date {
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}

.no_results,
.no_keyword {
    text-align: center;
    padding: 80px 20px;
    color: #999;
    font-size: 18px;
}
.turnpage a,.turnpage span{ display:inline-block;text-align: center; padding:5px 13px; font-size:16px; margin:0 6px; color:#666;  border-radius: 4px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.turnpage a:hover,.current{ color:#fff !important; background-color:#2392B1 !important; border-color: #2392B1; }
.news  .turnpage{ margin-top: 30px;}

/* 新闻详情 */
.newDel{ position: relative;}
.newDel .location{ position: relative;}
.newDel::after{ content: ""; display: block; width: 100%; height: 420px; background-color: #2392B1; position: absolute; left: 0; top: 0;}
.newDel .wrap{ position: relative; z-index: 2; margin-top: 30px;}
.newDel .artHeader{ color: #fff;}
.newDel .artHeader .time{ font-size: 16px;}
.newDel .artHeader .tit{ font-size:48px; margin-top: 15px; line-height: 1.2;}
.newDel .artBody{padding:40px 0px 40px; }
.newDel .artBody .tp{ display:block; margin:0px auto;}
.newDel .artBody .wz{ font-size: 16px; line-height:2em;color:#333;}

/* 联系我们 */
.contact{ margin-top: 40px;}
.iIntro{ padding: 35px 0;}
.iIntro .tit{ font-size: 36px; font-weight: bold;}
.iIntro .info{ font-size: 18px; margin-top: 10px;}
.contact .wrap{ border-top: 1px solid #EAEAEA; padding-top: 60px;  display: flex; align-items: center; flex-wrap: wrap;}
.cont{ width: 36%; margin-right: 6%; box-sizing: border-box; padding: 10px 0px;}
.cont .title{ font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.cont .nr{ margin-bottom: 10px; }
.cont .nr .p1{font-size: 24px; font-weight: bold;}
.cont .nr .p2{font-size: 24px;}
.contact .tparea{ flex: 1; min-width: 0; position: relative; height: 656px; overflow: hidden ; padding: 0; font-size: 0;}
.contact .tparea .tp{ object-fit: cover; width: 100%; height: 100%; }
.mess { margin: 100px 0;}
.mess .wp{ padding: 40px 80px; 
box-shadow: 0px 2px 38px 0px rgba(61,61,61,0.18); box-sizing: border-box;}
.mess .wp .iIntro{ padding-top: 0;}
.messForm2{}
.messForm2 .row.col2{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.messForm2 .row.col2 .messItem{ width: 48%;}
.messItem{ padding: 10px 15px; box-sizing: border-box; margin-bottom: 20px; display: flex;  border: 1px solid #C4C4C4; }
.messItem .attrmc{min-width: 100px; font-size: 16px; line-height: 40px; margin-right:20px;}
.messItem .attrval{ flex: 1; min-width: 0; position: relative;}
.messItem  .require{ color: #DE1515; font-style: normal; margin-left: 5px; }
.messItem .text,.messItem .textarea{width:100%; background-color: #fff; display:block; }
.messItem .text{ height:40px; line-height:40px; padding-left:16px;}
.messItem .textarea{height:100px;padding:16px;  }
.messForm2 .tip{ font-size: 16px; color: #666;}
.messForm2 .tip a{color: #666;}
.messForm2 .zhu{ font-size: 20px; margin-top: 15px; font-weight: bold;}
.messForm2 .agree{ font-size: 16px; padding-left: 30px; position: relative;color: #666;}
.messForm2 .agree a{
    color: #2392B1;
}
.messForm2 .agree input{ position: absolute; left: 0 ; top: 5px;}
.messForm2 .formConfirm{ }
.messForm2 .formConfirm .sbtn{ padding:0.6em 3em; font-size:16px;}

/* 帮助与支持 */
.h_main{ padding: 70px 0; display: flex; flex-wrap: wrap;}
.h_l{ width: 35%; margin-right: 6%;}
.h_r{ flex: 1; min-width: 0;}
.sort{ margin-right: 10%; overflow-y: auto; max-height: 600px;}
.sortItem{ margin-bottom: 15px;}
.sortItem .tit{ font-size: 20px; padding: 10px 0; cursor: pointer; font-weight: bold;}
.sortItem .tit::before{ margin-right: 5px;}
.sortItem .tit:hover,.act_sort1{ color: #2392B1 !important;}
.sortItem .nr{}
.sortItem .nr a{ display: block; color: #666; font-size: 18px; padding: 15px 30px;}
.sortItem .nr a:hover,.act_sort2{ background-color: #2392B1 !important; color: #fff !important;}

.i_tit{ font-size: 36px; padding-bottom: 30px; line-height: 1; font-weight: bold;  border-bottom: 1px solid #E8E8E8;}
.help{ margin-top: 15px;}
.helpItem{}
.helpItem{ display: flex; flex-wrap: wrap; padding: 40px 15px; border-bottom: 1px solid #E8E8E8;}
.helpItem .tparea{ width: 160px; margin-right: 30px; font-size: 0; overflow: hidden;}
.helpItem .tparea .tp{ width: 100%; aspect-ratio: 160/212; object-fit: cover;}
.helpItem .des{ flex: 1; min-width: 0; display: flex; flex-direction: column; padding-bottom: 15px; position: relative; }
.helpItem .des .tit{ font-size: 20px; color: #2392B1;}
.helpItem .des .nr{ margin-top: 20px;}
.helpItem .des .opa{ margin-top: auto;}
.helpItem .des .opa .morea2{ font-size: 16px; color: #2392B1;}
.helpItem .des .opa .morea2 .iconfont{ margin-left: 5px; font-size: 18px;}
.helpItem .des .opa .morea2:hover{ text-decoration: underline; }
.helpItem a:hover{background-color: #F9F9F9;}
.helpItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.help .turnpage{ margin-top: 30px;}

/* 帮助与支持-常见问题 */
.faq{}
.faqSlide{}
.faqItem{ padding: 25px 0; border-bottom: 1px solid #E8E8E8;}
.faqItem .tit{ font-size: 18px; padding: 0 40px 0 22px; cursor: pointer; position: relative;}
.faqItem .tit::before{ content: ""; display: block; background: linear-gradient(122deg, rgba(35,146,177,0.9), rgba(35,146,177,0.31)); width: 10px; height: 10px; position: absolute; left: 0; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.faqItem .tit .arr{ position: absolute; right: 0; top:-4px; width: 40px; height: 40px; font-size: 20px; display: inline-flex; align-items: center; justify-content: center; color: #2392B1;}
.act_faq{ color: #2392B1 !important; }
.act_faq .arr{ transform: rotate(-90deg) !important; -webkit-transform: rotate(-90deg) !important; -moz-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; -o-transform: rotate(-90deg) !important; }
.faqItem .nr{ font-size: 14px; color: #666; padding: 20px 0  20px 22px;}
.faq .turnpage{ margin-top: 30px;}

/* 帮助与支持-视频展示 */
.helpVideo{}
.helpVideo .lists{ margin-top: 40px; display: flex; flex-wrap: wrap;}
.helpVideoItem{ width: 48%; margin: 0 4% 4% 0;}
.helpVideoItem:nth-child(2n){ margin-right: 0;}
.helpVideoItem a{display: block;}
.helpVideoItem .tparea{ border-radius: 5px; font-size: 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; position: relative; }
.helpVideoItem .tparea .tp{ width: 100%; aspect-ratio: 356/214; object-fit: cover;}
.helpVideoItem .tparea .timelong{ position: absolute; right: 10px; top: 10px; z-index: 2; padding: 2px 8px; background-color: rgba(0, 0, 0, .4); color: #fff; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }


.helpVideoItem .tparea .playBtn{ z-index:999;width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center ; color: #2392B1; font-size: 20px; cursor: pointer; position: absolute; border-radius:50% ; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #fff; border: 6px solid transparent; background-clip: padding-box; box-shadow: 0 0 0px 1px rgba(255, 255, 255, .37); -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.helpVideoItem .tparea .playBtn:hover{ background-color: #2392B1; color: #fff;}
.helpVideoItem .des{ padding: 15px 0; position: relative; }
.helpVideoItem .des .tit{ font-size: 16px; font-weight: bold; }
.helpVideoItem .des .info{ font-size: 12px; color: #666;  }
.helpVideoItem a:hover{ transform: translateY(-5ox); -webkit-transform: translateY(-5ox); -moz-transform: translateY(-5ox); -ms-transform: translateY(-5ox); -o-transform: translateY(-5ox); }
.helpVideoItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.helpVideo .turnpage{ margin-top: 30px;}

/* 产品中心 */
.pro{}
.proPart{ }
.proTitle{ font-size: 36px; padding: 1em 0; border-bottom: 1px solid #E8E8E8;}
.proPart .wrap{ margin-top: 54px; display: flex; flex-wrap: wrap;}
.proItem{}
.proItem{ width: 31%; margin: 0 3.5% 3.5% 0;}
.proItem:nth-child(3n){ margin-right: 0;}
.proItem a{ display: block;}
.proItem .tparea{ font-size: 0; overflow: hidden;}
.proItem .tparea .tp{ width: 100%; aspect-ratio: 1; object-fit: cover;}
.proItem .des{ padding: 30px 15px; position: relative;  border-bottom: 3px solid #fff;}
.proItem .des::after{ content: ""; display: block; width: 0%; height: 3px; background-color: #2392B1; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.proItem .des .tit{ font-size: 18px; }
.proItem .des .mandiv{ margin-top: 15px;}
.proItem .des .mandiv .morea{ color: #2392B1;}
.proItem .des .mandiv .morea:hover{ text-decoration: underline; }
.proItem a:hover .des::after{ width: 100%;}
.proItem a:hover .tparea{box-shadow: 0px 2px 17px 0px rgba(28,53,59,0.08);}
.proItem a:hover .tparea .tp{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }

/* 成为分销商 */
.distribute{ padding: 78px 0; }
.distribute .wp{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.distribute .intro{ width: 45%; padding-top: 45px;}
.distribute .intro .title{ font-size: 36px; font-weight: bold; color: #2392B1;}
.distribute .intro .info{ margin-top: 10px; font-size: 16px; color: #999999; margin-top: 10px;}
.distribute .intro .info a{
    color: #2392B1;
}
.distribute .intro .counts{ margin-top: 50px; display: flex; flex-wrap: wrap;}
.distribute .intro .counts .countsItem{ padding: 40px 0;  width: 45%; margin-right: 10%;}
.distribute .intro .counts .countsItem:nth-child(2n){ margin-right: 0;}
.distribute .intro .counts .countsItem .p1{ font-size: 54px; }
.distribute .intro .counts .countsItem .p1 .type{ font-size: 22px; color: #2392B1;}
.distribute .intro .counts .countsItem .p2{ font-size: 12px; padding-top: 15px; margin-top: 10px; border-top: 1px solid rgba(0, 0, 0, .05);}

.dmess{ width: 50%; padding: 12px 40px 36px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 2px 38px 0px rgba(61,61,61,0.18);}
.dmess .messForm .zhu{ font-size: 20px; margin-top: 15px; font-weight: bold;}
.dmess .messForm .agree{ font-size: 16px; padding-left: 30px; margin-top: 10px; line-height:1.4; position: relative;color: #666;}
.dmess .messForm .agree input{ position: absolute; left: 0 ; top: 5px;}

/* 关于我们 */
.profile{ padding: 80px 0;}
.profile .title{ font-size: 30px; line-height: 1.2; text-align: center; font-weight: bold;}
.profile .info{ font-size: 18px; margin-top: 50px;  text-align: center;font-weight: bold;}
.profile .nr{ margin-top: 30px;}
.profile .nr .wz{ font-size: 18px;}
.profile .video-container{ width: 100%; margin-top: 40px; aspect-ratio:1/0.57}
.video-container iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px; /* 可选：添加圆角 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 可选：添加阴影 */
}
.summary{padding: 40px 0; position: relative; }
.summary::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(35, 146, 177, .8); position: absolute; left: 0; top: 0;}
.summary .wp{ display: flex; flex-wrap: wrap; position: relative; z-index: 2; justify-content: space-between; text-align: center; }
.summaryItem{ padding: 40px 0;  width: 20%; color: #fff;}
.summaryItem .p1{ font-size: 70px; }
.summaryItem .p1 .type{ font-size: 40px; vertical-align: top;}
.summaryItem .p2{ font-size: 18px;margin-top:10px;}

.i_tit2{ padding: 30px 0; text-align: center;}
.i_tit2 .tit{ font-size: 30px; font-weight: bold; line-height: 1.4;}
.i_tit2 .info{ margin-top: 30px; font-size: 18px;}
.i_tit2 .nr{ margin-top: 30px; font-size: 18px; text-align:left;}
.mission{ padding: 70px 0 100px;}
.mission .wrap{ margin-top: 30px;}
.mission .wrap .tp{ display: block; margin: 0 auto;}


.guidePrinciples{ padding: 80px 0;}
.guidePrinciples .intro{ width: 50%;}
.guidePrinciples .intro .title{ font-size: 48px; font-weight: bold; color: #fff;}
.guidePrinciples .intro .wrap{ margin-top: 40px; display: flex; flex-wrap: wrap;}
.guidePrinciplesItem{ width: 46%; margin: 0 8% 0 0; padding: 40px 0;}
.guidePrinciplesItem:nth-child(2n){ margin-right: 0;}
.guidePrinciplesItem .iconarea{ display: inline-flex; width: 72px; height: 72px; background-color: #fff; align-items: center; justify-content: center;}
.guidePrinciplesItem .iconarea .icon{ width: 48px; height: 48px;}
.guidePrinciplesItem .des{ margin-top: 10px; color: #fff;}
.guidePrinciplesItem .des .tit{ font-size: 18px;}
.guidePrinciplesItem .des .nr{ margin-top: 10px; opacity: .8;}

.services{ padding: 70px 0 100px;}
.serverSlide .hproItem{ width: 100%;}
.serverSlide .hproItem .des{ border-color: #ececec;}
.serverSlideWrap{ margin-top: 40px; position: relative; padding: 0 100px;}
.serverSlideWrap .swiper-button-prev{ left:0.5%;}
.serverSlideWrap .swiper-button-next{ right:0.5%;} 
.serverSlideWrap .swiper-button-prev::after,.serverSlideWrap .swiper-button-next::after{ display: none;}
.serverSlideWrap .swiper-button-prev,.serverSlideWrap .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width:64px; height:64px; line-height:64px; top:50%; margin-top:-32px; color: #666; background-color: #fff; box-shadow: 0 0 6px 0 #EBEBEB; -webkit-filter:alpha(opacity=100); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 800; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.serverSlideWrap .swiper-button-prev .iconfont,.serverSlideWrap .swiper-button-next .iconfont{ font-size: 24px; font-weight: bold;}
.serverSlideWrap .swiper-button-prev:hover,.serverSlideWrap .swiper-button-next:hover{background-color: #2392B1; color: #fff;}

/* 产品详情改 */
.pro_ban{ font-size: 0; position: relative; overflow: hidden; }
.pro_ban .tp{ width: 100%;}
.pro_ban .bgShdow{ position: absolute; background: linear-gradient(90deg, rgba(0,0,0,.6), rgba(0,0,0,0)); width: 60%; height: 100%;  left: 0; top: 0; }

.proTabTitle{ background-color: #2392B1;}
.proTabTitle.fixed{position: fixed;top: 0;left: 0;z-index: 1000; width: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.proMenuBtn{ display: none;}
.proTabTitle .wp{ padding: 10px 0;}
.proTabTitle .item{  padding: 1em 0; margin-right: 2em; display: inline-block; cursor: pointer; position: relative; font-size: 18px; color: #fff; }
.proTabTitle .item::after{ content: ""; display: block; width:0px; height: 3px; background-color: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.proTabTitle .item:hover,.actproTabTitle{ font-weight: bold; font-size: 20px;}
.proTabTitle .item:hover::after,.actproTabTitle::after{ width: 55px !important;}


.pdt{ display: flex; justify-content: space-between; align-items：center; padding: 40px 0; margin-top: 40px;}
.pdtSlideWrap{ width: 50%;}
.pdtIntro{ width:40%; padding: 20px 0px; min-width: 0;}
.pdtIntro .type{ font-size: 16px; color:#2392B1;}
.pdtIntro .tit{ margin-top: 20px; font-size: 36px; line-height: 1.3;  }
.pdtIntro .line{ margin-top: 30px; height: 2px; background-color: #E5E5E5; position: relative;}
.pdtIntro .line::after{ content: ""; display: block; width: 50%; height: 2px; background-color: #2392B1; position: absolute; left: 0; top: 0;}
.pdtIntro .nr{  margin-top: 40px; color: #666; }
.pdtIntro .mandiv{ margin-top: 40px;}
.pdtIntro .mandiv .sbtn{ padding: 10px 30px; font-size: 16px; cursor: pointer; }
.pdtIntro .mandiv .sbtn::before{ font-size: 20px; line-height: 1;}

.pdtSlideWrap{ width: 56%; position: relative;}
.gallery-top {height: 488px;width: 84%; float:left; border: 1px solid #ededed;}
/* .gallery-top .swiper-slide{ display: flex; align-items: center;} */
/*.gallery-top img{ width: 100%; display: block; cursor: pointer;}*/
.pdeltp{ width: 100%; height: 100%; object-fit: cover; display: block; }
.pdelVideo{ width: 100%; height: 100%; object-fit: cover; display: block;}
.gallery-thumbs-wrap{width: 14.4%; float:right;margin: 44px 0 !important; position: relative;}
.gallery-thumbs {height: 400px;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 2px !important;}
.gallery-thumbs .swiper-wrapper{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 4px;}
.gallery-thumbs .swiper-slide {opacity: 0.6; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallery-thumbs .swiper-slide .tparea{  display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border: 1px solid #fff;}
.gallery-thumbs .swiper-slide-thumb-active{ border: 2px solid #2392B1; }
.gallery-thumbs-wrap .swiper-button-prev{ top:-44px;}
.gallery-thumbs-wrap .swiper-button-next{ bottom:-44px; top: auto;}
.gallery-thumbs-wrap .swiper-button-prev::after,.gallery-thumbs-wrap .swiper-button-next::after{ display: none;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{ width: 35px; border-radius:50% ; left: 50%; transform: translateX(-50%); height:35px; line-height: 35px;  margin-top: 0; color: #fff; background-color: #2392B1; cursor: pointer; z-index: 10; text-align: center; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: 18px;  line-height: 1;}
.gallery-thumbs-wrap .swiper-button-prev:hover,.gallery-thumbs-wrap .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color: #fff; }









.pAdvan{ padding: 40px 0;}
.pAdvan .i_tit2{ margin-bottom: 30px;}

/*.pAdvanPart{ padding: 160px 0; position: relative;}*/
/*.pAdvanPart .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}*/
/*.pAdvanPart .bg .tp{ width: 100%; height: 100%; object-fit: cover;}*/
/*.pAdvanPart .wrap{ display: flex;position: relative; z-index: 2;}*/
/*.pAdvanPart:nth-child(2n+1) .wp{ }*/
/*.pAdvanPart:nth-child(2n) .wp{justify-content: flex-end; }*/
/*.pAdvanPart .intro{ width: 40%;}*/
/*.pAdvanPart .intro .tit{ font-size: 30px; line-height: 1.3; font-weight: bold;}*/
/*.pAdvanPart .intro .line{ width: 96px; height: 5px; margin-top: 20px; background-color: #3FA0BB;}*/
/*.pAdvanPart .intro .nr{ font-size: 18px; margin-top: 30px;}*/
/*.pAdvanPart:nth-child(2n){ color: #fff;}*/
/*.pAdvanPart:nth-child(2n+1)::after{ content: ""; display: block;position: absolute; background: linear-gradient(90deg, rgba(236,236,236,1) 0,rgba(236,236,236,1) 66%, rgba(255,255,255,0) 100%); width: 60%; height: 100%;  left: 0; top: 0;}*/
/*.pAdvanPart:nth-child(2n)::after{ content: ""; display: block; position: absolute; background: linear-gradient(-90deg, rgba(67,56,48,1) 0,rgba(67,56,48,1) 66%, rgba(67,56,48,0)); width: 60%; height: 100%;  right: 0; top: 0;}*/

.pAdvanPart{ position: relative;}
.pAdvanPart .bg{}
.pAdvanPart .bg .tp{ width: 100%; height: 100%; object-fit: cover;}
.pAdvanPart .wrap{position: relative; z-index: 2; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 100%;}
.pAdvanPart .wrap .wp{ display:flex;}
.pAdvanPart:nth-child(2n+1) .wp{ }
.pAdvanPart:nth-child(2n) .wp{justify-content: flex-end; }
.pAdvanPart .intro{ width: 40%;}
.pAdvanPart .intro .tit{ font-size: 30px; line-height: 1.3; font-weight: bold;}
.pAdvanPart .intro .line{ width: 96px; height: 5px; margin-top: 20px; background-color: #3FA0BB;}
.pAdvanPart .intro .nr{ font-size: 18px; margin-top: 30px;}
.pAdvanPart:nth-child(2n){ color: #fff;}
.pAdvanPart:nth-child(2n+1)::after{ content: ""; display: block;position: absolute; background: linear-gradient(90deg, rgba(236,236,236,1) 0,rgba(236,236,236,1) 66%, rgba(255,255,255,0) 100%); width: 60%; height: 100%;  left: 0; top: 0;}
.pAdvanPart:nth-child(2n)::after{ content: ""; display: block; position: absolute; background: linear-gradient(-90deg, rgba(67,56,48,1) 0,rgba(67,56,48,1) 66%, rgba(67,56,48,0)); width: 60%; height: 100%;  right: 0; top: 0;}



.proDown{ background-color: #fff; padding: 50px 0 100px;}
.proDown .i_tit2{ text-align: left;}
.proDown .tablePara{border-bottom: 1px solid #DFDFDF; padding-bottom:25px; }
.proDownSlide{ margin-top: 20px;}
.prodownItem{ padding: 25px 0; border-bottom: 1px solid #DFDFDF;}
.prodownItem .tit{ padding-right: 50px; font-size: 24px; cursor: pointer; position: relative;}
.prodownItem .tit .arr{ position: absolute; right: 0; top: 0; display: inline-flex; color: #2392B1; font-size: 20px; width: 40px; height: 40px; align-items: center; justify-content: center; font-weight:bold;}

.proDown .wrap .tit{ padding-right: 50px; font-size: 24px; cursor: pointer; position: relative;}
.proDown .wrap .tit .arr{ position: absolute; right: 0; top: 0; display: inline-flex; color: #2392B1; font-size: 20px; width: 40px; height: 40px; align-items: center; justify-content: center; font-weight:bold;}
.prodownItem .nr{ margin-top: 20px;}
.prodownItem .nr .inner{ display: flex; flex-wrap: wrap;}
.prodownItem .nr .inner .box{  width: 30%; margin: 0% 5% 2% 0;}
.prodownItem .nr .inner .box a{display: flex; align-items: center;}
.prodownItem .nr .inner .box:nth-child(3n){ margin-right: 0;}
.prodownItem .nr .iconarea{ width: 75px; height: 75px; background-color: #F6F6F6; margin-right: 20px; display: inline-flex; align-items: center; justify-content: center;}
.prodownItem .nr .iconarea .icon{ width: 36px; }
.prodownItem .nr .des{ flex: 1; min-width: 0;}
.prodownItem .nr .des .name{ font-size: 16px; line-height: 1.4;}
.actProSlide .arr{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }





.prodelMess { padding: 50px 0 100px; background-color: #F6F6F6;}
.prodelMess .wp{ }
.prodelMess .i_tit2 .tit{ text-align: left;}
.prodelMess .wrap{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding: 24px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .05);}

.relatePro{ background-color: #F6F6F6;}
.relatePro .i_tit2 .tit{ text-align: left;}
.relatePro .proItem{ width: 100%;}







.hproItem .des::after,.sbtn,.proItem .des::after,.proTabTitle .item,.proTabTitle .item::after,.prodownItem .tit .arr{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }