/* 
 .-"""-.
/ .===. \
\/ 6 6 \/
( \___/ )
 _________ooo__\_____/_____________
/                                  \
| Powered By CHECK-WIN             |                           
| https://www.seoso.cn             |
| Tel:400-677-0510                 |
| Creation:2024.1.16               | 
| Designed By Silence              |
\_______________________ooo________/ 
 |  |  |
 |_ | _|
 |  |  |
 |__|__|
 /-'Y'-\
(__/ \__) 
*/
.html_page{position:relative;z-index:9;background:#fff;height:100vh;}
body{overflow-x:hidden}
svg{width:100%}
.bsTop{width:10.8333vw!important}
.bsFrameDiv div{width:10.8333vw!important;height:10.8333vw!important;display:-webkit-flex!important;display:-ms-flex!important;display:flex!important;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.bsFrameDiv img{margin:0!important}
.bshare-custom{display:-webkit-flex!important;display:-ms-flex!important;display:flex!important;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;font-size:.8333vw;color:#b2b2b2}
.bshare-custom.icon-medium-plus a{padding-left:0!important;color:#999;margin:0 0 0 1.1458333vw!important;width:2.08333vw!important;height:2.08333vw!important;display:-webkit-flex!important;display:-ms-flex!important;display:flex!important;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;outline:0;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}
.bshare-custom a:hover{text-decoration:none!important;opacity:1;color:#36adad}
.BMap_Marker img{width:auto;display:inline-block}
.BMap_bubble_content img{width:auto;display:inline-block}
.nicescroll-cursors{border:none!important}
.nicescroll-rails{cursor:pointer!important}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word!important;word-break:normal!important}
body,html{font-family:Manrope-Regular,"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif!important;background:#fff;/*font-size:.7291666vw;*/width:100%;color:#333;margin:0 auto;-webkit-overflow-scrolling:touch;text-align:justify}
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}
.body_flex{position:fixed}
.body_hide{overflow-x:hidden}
img{border:none;display:block;/*width:100%*/}
i{font-style:normal}
div{display:block;-webkit-tap-highlight-color:transparent}
table{border-collapse:collapse}
a{display:inline-block;text-decoration:none;color:#000;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}
h1,h2,h3,h4,h5{font-weight:400}
video{outline:0}
a:focus{outline:0;-webkit-tap-highlight-color:transparent}
li{list-style:none}
button,input,select,textarea{vertical-align:middle;border-radius:0;outline:0;background:0 0;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif}
select::-ms-expand{display:none}
textarea{resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
textarea{resize:vertical}
.clear:after{content:"";width:0;height:0;clear:both;display:block}
.salient-input{padding:.36458333vw 0 .36458333vw .26041666vw;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.salient-input:focus{border-color:#4faad6;outline:0;-webkit-box-shadow:inset 0 .0520833vw .0520833vw rgba(0,0,0,.075),0 0 .41666vw rgba(10,201,245,.6);box-shadow:inset 0 .0520833vw .0520833vw rgba(0,0,0,.075),0 0 .41666vw rgba(10,201,245,.6)}
.space-over{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.space-list-over{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8c8c8c}
input:-moz-placeholder,textarea:-moz-placeholder{color:#8c8c8c}
input::-moz-placeholder,textarea::-moz-placeholder{color:#8c8c8c}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8c8c8c}
.cover{position:relative;height:0;overflow:hidden}
.cover img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
.flex{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-animation{opacity:0}
.banner_box .swiper-slide{background:#fff;overflow:hidden}
.swiper-pagination-bullet{outline:0;cursor:pointer}
.index_page_wrap{height:100vh;position:relative}
.index_page_swiper{height:100%}
.index_banner_wrap{height:100%}
.index_banner_box{height:100%}
.index_banner_swiper{height:100%}
.index_banner_content{height:100%;background:#fff;position:relative}
.index_banner_img{height:100%;width:100%}
/* ================== 【 header 】  ==================*/
.header_wrap{position:fixed;left:0;top:0;width:100%;z-index:99;opacity:0;}
.header_before{height:5.2vw;position:absolute;left:0;top:-100%;pointer-events:none}
.header_after{position:absolute;left:0;top:0;width:100%;height:0;background:#fff;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_after:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0520833vw;background:#ededed;opacity:0;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_logo_box{pointer-events:auto}
.header_logo_box a{width:7.7083vw;/*height:11.556vh;*/-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_logo_green{fill:#094;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_logo_blue{fill:#163283;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_logo_white{fill:#163283;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.content_center{ /*padding:0 3.125vw;*/    padding: 0 6.7708333vw;}
.page_center{padding:0 6.7708333vw}
.web_center{padding:0 8.333vw}
.header_box{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;/* padding: 1.125rem 0;*/position:relative;z-index:99999;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_nav_wrap{-webkit-align-items:center;align-items:center}
.header_nav_item {position: relative;line-height:5.2083vw;width:12%;text-align: center;}
/*.header_nav_item:last-child{display:none}*/
.header_nav_link{font-size:0.9375vw;line-height:5.2083vw;color:#333;position:relative;pointer-events:auto;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_nav_link:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:2.5vh;width:0;height:.1041666vw;background:#fff;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_nav_current .header_nav_link:after{width:100%}
.header_nav_default .header_nav_link:after{width:0}
.header_nav_hover .header_nav_link:after{width:100%}
.header_language_box{-webkit-align-items:center;align-items:center}
.header_language_item{padding:0 .5208333vw;pointer-events:auto}
.header_language_item a{display: block; cursor: pointer;font-size:.88541666vw;color:rgba(255,255,255,.5);-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.header_language_current a{color:#fff}
.header_nav_btn{width:1.3541666vw;margin-left:1.5625vw;cursor:pointer;outline:0;pointer-events:auto;display:none ;  }
.header_nav_label{height:.1041666vw;width:100%;margin-bottom:.36458333vw;position:relative}
.header_nav_label:last-child{margin-bottom:0}
.header_nav_label:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_banner_pagination_box{position:absolute;left:0;bottom:1.7708333vw!important;z-index:9;padding:0 6.7708333vw;width:100%;pointer-events:none;opacity:0}
.index_page_slide:last-child{height:26.5625vw}
.index_page_content{height:100%;position:relative}
.index_page_back{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index: -1;}
.header_nav_item:hover .header_nav_link{color:#163283}

/* ================== 【 banner 】  ==================*/
.index_banner_pagination_item{-webkit-align-items:center;align-items:center;cursor:pointer;outline:0;pointer-events:auto;margin-right:1.5625vw;font-size:0}
.index_banner_pagination_item:last-child{margin-right:0}
.index_banner_pagination_text{font-size:.9375vw;line-height:1.3541666vw;font-weight:700;color:#fff}
.index_banner_pagination_icon{position:relative;width:2.65625vw;height:.41666vw;margin-left:.26041666vw;border:.0520833vw solid #fff;box-sizing:border-box}
.index_banner_pagination_icon:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff}
.index_banner_read{position:absolute;text-shadow: 0px 0 5px rgba(0, 0, 0, .2);left:0;z-index:9;top:25%;width:100%;padding:0 6.7708333vw;/*-webkit-transform:translateY(-50%);transform:translateY(-50%)*/}
.index_banner_tips{font-size:4.1666vw;line-height:6.25vw;font-weight:700;color:#fff;opacity:1;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_banner_title{font-size:2.5vw;line-height:4.6875vw;font-weight:700;color:#fff;opacity:1;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_banner_text{font-size:1.25vw;line-height:2.291666vw;margin-top:1.041666vw;color:#fff;opacity:1;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_banner_swiper .swiper-slide-active .index_banner_tips{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_banner_swiper .swiper-slide-active .index_banner_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.05s;transition-delay:.05s}
.index_banner_swiper .swiper-slide-active .index_banner_text{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_banner_swiper .swiper-slide-active .index_max_light{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-animation:180s .2s lightRotate infinite linear normal both;animation:180s .2s lightRotate infinite linear normal both}
.index_banner_swiper .swiper-slide-active .index_min_light{-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-animation:180s .2s fallLightRotate infinite linear normal both;animation:180s .2s fallLightRotate infinite linear normal both}
@keyframes fallLightRotate{0%{opacity:.3;-webkit-transform:rotate(0);transform:rotate(0)}
50%{opacity:.1;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
100%{opacity:.3;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes lightRotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_tips{color:#00486e}
.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_title{color:#00486e}
.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_text{color:#00486e}
.index_banner_pagination_current .index_banner_pagination_icon:after{width:100%;-webkit-transition:all 10s linear;transition:all 10s linear}
.index_banner_light{width:390.625vw;height:390.625vw;position:absolute;left:50%;transform:translateX(-50%);top:-500%;z-index:10;pointer-events:none}
.index_max_light{opacity:0;width:100%;height:100%}
.index_min_light{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.index_float_wrap{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:10;pointer-events:none}
.index_float_box{position:absolute;width:100%;height:100%;left:0;top:0}
.index_float_mouse_box{position:absolute;bottom:1.5625vw;width:100%;-wenkit-justify-content:center;justify-content:center;pointer-events:none;opacity:0}
.index_float_mouse_icon{width:1.19791666vw;height:1.66666vw;border-radius:.59895833vw;box-sizing:border-box;border:.1041666vw solid #fff;margin:0 auto;-webkit-justify-content:center;justify-content:center;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_float_mouse_icon:after{content:"";width:.1041666vw;height:.5208333vw;background:#fff;margin-top:.3125vw;-webkit-animation:1.5s MouseAnimate infinite ease normal both;animation:1.5s MouseAnimate infinite ease normal both;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
@-webkit-keyframes MouseAnimate{0%{margin-top:.3125vw}
50%{margin-top:.625vw;opacity:1}
70%{margin-top:.625vw;opacity:0}
100%{margin-top:.3125vw;opacity:0}
}
@keyframes MouseAnimate{0%{margin-top:.3125vw}
50%{margin-top:.625vw;opacity:1}
70%{margin-top:.625vw;opacity:0}
100%{margin-top:.3125vw;opacity:0}
}
.index_float_mouse_text{font-size:.78125vw;line-height:1.6666vw;text-align:center;color:#fff;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_banner_button{position:absolute;left:0;z-index:9;bottom:2.08333vw;width:100%;padding:0 6.7708333vw;-webkit-justify-content:flex-end;justify-content:flex-end;pointer-events:none;opacity:0}
.index_banner_btn{width:2.708333vw;height:2.708333vw;position:relative;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;pointer-events:auto;outline:0;cursor:pointer;-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all .6s ease;transition:all .6s ease}
.index_banner_btn:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:.1041666vw solid #fff;-webkit-border-radius:100%;border-radius:100%}
.index_banner_btn svg{width:32.6923%;fill:#fff;-webkit-transition:all .6s ease;transition:all .6s ease}
.index_banner_btn:hover{background:#fff}
.index_banner_btn:hover svg{fill:#333}
.index_banner_next{margin-left:1.041666vw}
.index_banner_prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.index_banner_pagination_current{ }
/* ================== 【header  nav 】  ==================*/
.header_black .header_language_current a{color:#163283}
.header_black .header_nav_label:after{background:#222}
.header_black .header_nav_current .header_nav_link{color:#163283}
.header_black .header_nav_current .header_nav_link:after{background:#163283}
/* .header_black .header_nav_default .header_nav_link{color:#333} */
.header_black .header_nav_default.header_nav_link:after{background:#333}
.header_black .header_nav_hover .header_nav_link{color:#163283}
.header_black .header_nav_hover .header_nav_link:after{background:#163283}
.header_white_back.header_wrap #nav li a{color:#333}
.header_white_back .header_after{height:100%}
.header_white_back .header_after:after{opacity:1}
.header_active{pointer-events:auto!important}
.header_active .header_logo_box a{width:5.6vw;height:3.2291666vw}
.header_active .header_box{padding:1vw 0}
.header_active .header_after{height:100%}
.header_active .header_after:after{opacity:1}
.header_active .header_nav_link{color:#333}
.header_active .header_language_item a{color:#333}
.header_active .header_language_current a{color:#163283}
.header_active .header_nav_label:after{background:#222}
.header_active .header_nav_current .header_nav_link{color:#163283}
.header_active .header_nav_current .header_nav_link:after{background:#163283}
.header_active .header_nav_default .header_nav_link{color:#333}
.header_active .header_nav_default.header_nav_link:after{background:#333}
.header_active .header_nav_hover .header_nav_link{color:#163283}
.header_active .header_nav_hover .header_nav_link:after{background:#163283}
.header_index_white .header_nav_link{color:#fff}
.header_index_white .header_nav_current .header_nav_link{color:#fff}
.header_index_white .header_nav_current .header_nav_link:after{background:#fff}
.header_index_white .header_language_item a{color:rgba(255,255,255,.5)}
.header_index_white .header_language_current a{color:#fff}
.header_index_white .header_nav_label:after{background:#fff}
.header_index_white .header_nav_default .header_nav_link{color:#fff}
.header_index_white .header_nav_default.header_nav_link:after{background:#fff}
.header_index_white .header_nav_hover .header_nav_link{color:#fff}
.header_index_white .header_nav_hover .header_nav_link:after{background:#fff}
.header_wrap #nav li.hover a,#nav li:hover a{color:#163283}
.header_wrap #nav li a.hover{color: #163283;}
.header_nav_current{color: #163283;}
.header_wrap #nav ul .suNav{position:absolute;left:50%;width:100%;display:none;}
.header_wrap #nav ul .suNav{opacity:0;visibility:visible;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);transform: translateX(-50%);}
.header_wrap #nav ul li:hover .suNav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform: translateX(-50%);}
.header_wrap #nav ul .suNav a{font-weight:400;color:#fff;line-height:2.2;padding:0;text-align:center;overflow:hidden;display:block;margin:0;font-size:0.8333333vw;text-decoration: none;}
.header_wrap #nav ul .suNav a:first-child{margin-top:0.5rem}
.header_wrap #nav ul .suNav a:last-child{margin-bottom:0.5rem}
.header_nav_wrap {width:76%;justify-content: space-between;}
.header_nav_box { width: 100%;justify-content: space-between;}
.header_white_back .header_wrap #nav ul .suNav a {color: #333!important;}
.header_wrap #nav ul .header_nav_item:hover .suNav{display:block!important}
/* 添加一个类名来表示选中状态 */
/* 显示二级栏目的样式 */
/* 鼠标经过一级栏目时显示二级栏目 */
/* ================== 【 index_case 】  ==================*/
.index_strength_wrap .text-box{width:100%;position:relative;overflow:hidden}
.index_strength_wrap .text-box ul{width:100%;height:100%;display:flex;flex-wrap:wrap}
.index_strength_wrap .text-box ul li{width:100%;background:#fff;border-bottom:1px solid #eee;overflow:hidden;position:relative;box-sizing:border-box}
.index_strength_wrap .text-box em{color: #666;font-size: 0.83333vw;font-style: normal;line-height: 3;display: inline-block; padding-left: 0.83333vw;}
.index_strength_wrap .tbox b{font-size:1.0417vw;color: #333;display: block;line-height: 1.5;padding: 0 0 0.5rem 0;}
.index_strength_wrap .tbox .fanwei{color:#666;font-size: .83333vw;margin-bottom:1vw;line-height:1.5}
.index_strength_wrap .img{width:40%;overflow:visible;bottom: 1vw;position:absolute;right:5%}
.index_strength_wrap .img img{display: block; object-fit: contain; width: 100%;position:relative}
.fjsb{justify-content:space-between}
.index_strength_wrap .text-box ul li .title p span{transition:all .4s;margin-right:.083333vw;color:#aaa;font-size:1.1458vw;line-height:4vw;display:block;font-weight:400}
.index_strength_wrap .text-box ul li{/*padding:.83333vw .24rem;*/position:relative;cursor:pointer}
/* li展开的样式 */
.index_strength_wrap .text-box ul li .title p{display: -webkit-flex;display: -ms-flex; display: flex;}
.index_strength_wrap .text-box ul li.on p span{font-size:1.667vw;color:#163283;transition: 0.5s all;  }
.index_strength_wrap .text-box ul li.on .title p{flex-wrap:wrap;}
.index_strength_wrap .text-box ul li.on em{display:none;}
.index_strength_wrap .text-box ul li.on{transition: 0.6s all;}
.index_strength_wrap .index_public_en{padding-bottom:1.667vw;}
.index_strength_wrap .tbox{width:100%;}
.index_strength_wrap .text-box .tbox .flex {width: 100%;justify-content: space-between;position: relative;}
.index_strength_wrap .text-box ul li.on .txt{width:50%}
.index_strength_wrap .text-box ul li{width:100%;background:#fff;border-bottom:1px solid #eee;}
.index_strength_wrap .text-box ul li::before{content:'';width:0;height:1px;background:#163283;position:absolute;left:0;bottom:0;transition:all .6s}
.index_strength_wrap .text-box ul li.on::before{width:100%}
.index_strength_wrap .text-box ul li:hover::before{width:100%}
.index_strength_wrap .text-box ul li:hover p span{color:#163283;transition:all .5s ease-in-out}
.index_strength_content .text-box li{opacity: 0; pointer-events: none;-webkit-transform: translateY(3vw);transform: translateY(3vw);}
.index_page_current .index_strength_content .text-box li{opacity:1;pointer-events:auto;-webkit-transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.header_index .header_nav_link{color:#fff}
.header_index .header_language_item img{filter: grayscale(1000%) brightness(2000%);}
.header_index .header_logo_box a img{filter: grayscale(1000%) brightness(2000%);}
.header_index .header_nav_link{color:#fff!important}
.header_index .header_nav_link:after{background:#fff!important;}
.header_nav_item:hover .header_nav_link:after{width:100%;}
.header_wrap #nav ul .suNav a:hover{text-decoration:underline}
.nynav{background:#fff}
.nynav .subA{text-decoration:unset!important;}
/* ================== 【 right dot  float 】  ==================*/
.index_float_pagination{position:absolute;right:2.083333vw!important;top:50%;transform:translateY(-50%);z-index:10;opacity:0;pointer-events:none}
.index_float_pagination .index_float_bullet_box{opacity:1;width:.36458333vw;height:.36458333vw;position:relative;margin-bottom:1.30208333vw!important;pointer-events:auto;cursor:pointer;outline:0}
.index_float_bullet_box:after{content:"";position:absolute;top:.67708333vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.0520833vw;background:rgba(255,255,255,.35);height:.67708333vw;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_float_pagination .index_float_bullet_box:last-child{margin-bottom:0}
.index_float_pagination .index_float_bullet_box:last-child:after{display:none}
.index_float_bullet_after{width:100%;height:100%;position:relative}
.index_float_bullet_label{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:#ccc;width:100%;-webkit-border-radius:100%;border-radius:100%;height:100%;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_float_bullet_label:nth-child(1){z-index:9;background: #fff;}
.index_float_bullet_current .index_float_bullet_label:nth-child(2){background: #373991;-webkit-animation:jing_scale 2.4s linear infinite normal both;animation:jing_scale 2.4s linear infinite normal both}
.index_float_bullet_current .index_float_bullet_label:nth-child(3){background: #373991;-webkit-animation:jing_scale 2.4s .8s linear infinite normal both;animation:jing_scale 2.4s .8s linear infinite normal both;}
.index_float_bullet_current .index_float_bullet_label:nth-child(4){background: rgb(55 57 145 / 100%);-webkit-animation:jing_scale 2.4s 1.6s linear infinite normal both;animation:jing_scale 2.4s 1.6s linear infinite normal both}
@-webkit-keyframes jing_scale{0%{width:100%;height:100%;opacity:0}
20%{width:180%;height:180%;opacity:.8}
40%{width:260%;height:260%;opacity:.5}
60%{width:340%;height:340%;opacity:.5}
80%{width:420%;height:420%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}
@keyframes jing_scale{0%{width:100%;height:100%;opacity:0}
20%{width:180%;height:180%;opacity:.8}
40%{width:260%;height:260%;opacity:.5}
60%{width:340%;height:340%;opacity:.5}
80%{width:420%;height:420%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}
.index_float_blue .index_float_bullet_label{background:#ccc}
.index_float_blue .index_float_bullet_box:after{background:rgba(204,204,204,.5)}
.index_float_blue .index_float_bullet_current .index_float_bullet_label{background:#163283}
.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(1){background:#fff}
.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(2){-webkit-animation:blue_scale 2.4s linear infinite normal both;animation:blue_scale 2.4s linear infinite normal both}
.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(3){-webkit-animation:blue_scale 2.4s .8s linear infinite normal both;animation:blue_scale 2.4s .8s linear infinite normal both}
.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(4){-webkit-animation:blue_scale 2.4s 1.6s linear infinite normal both;animation:blue_scale 2.4s 1.6s linear infinite normal both}
@-webkit-keyframes blue_scale{0%{width:100%;height:100%;opacity:0}
20%{width:180%;height:180%;opacity:.6}
40%{width:260%;height:260%;opacity:1}
60%{width:340%;height:340%;opacity:.8}
80%{width:420%;height:420%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}
@keyframes blue_scale{0%{width:100%;height:100%;opacity:0}
20%{width:180%;height:180%;opacity:.6}
40%{width:260%;height:260%;opacity:1}
60%{width:340%;height:340%;opacity:.8}
80%{width:420%;height:420%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}
/* mouse  change  color */
.index_float_mouse_black .index_float_mouse_icon{border:.1041666vw solid #666}
.index_float_mouse_black .index_float_mouse_icon:after{background:#666}
.index_float_mouse_black .index_float_mouse_text{color:#666}
.index_float_mouse_hide{opacity:0!important;-webkit-transition-delay:0s!important;transition-delay:0s!important}
.body_animate .header_wrap{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s}
.body_animate .index_float_pagination{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s}
.body_animate .index_banner_button{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s}
.body_animate .index_banner_pagination_box{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s}
.body_animate .index_float_mouse_box{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s}
.body_animate .header_page_wrap{webkit-transition-delay:0s!important;transition-delay:0s!important}
.index_about_content{height:100%;width:100%;position:relative}
.index_about_box{height:100%;width:100%;position:relative;z-index:9;-webkit-align-items:center;align-items:center}
.index_about_read{width:100%;margin-top:3.125vw}
.index_public_title{opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_public_cn{font-size:1.667vw;line-height:3.2291666vw;font-weight:700;color:#333}
.index_public_icon{width:1.041666vw;height:1.041666vw;margin-left:.7291666vw;-webkit-border-radius:100%;border-radius:100%;border:1px solid #1e2083}
.index_public_en{font-size:1.1458vw;line-height:1.25vw;text-transform:uppercase;color:#333;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_public_white .index_public_cn,.index_public_white .index_public_en{color:#fff}
/*当白色背景时候的导航悬停效果*/
.header_white_back  .header_index .header_nav_link:after { background: #163283!important;}
.header_nav_default .header_nav_link:after{width:0}
/*.header_nav_hover .header_nav_link:after{width:100%}*/
/*.header_index .header_nav_link:after{background: #000!important;}*/
/*.header_nav_item:hover .header_nav_link:after{width:100%;}*/
/*当导航背景色变化时候的nav选择变化的线条*/
.header_white_back  .header_nav_link:after{background:#163283}
.header_black  .header_nav_link:after{background:#163283}
/* ================== 【 search 】  ==================*/
.sub2-search button{width:98px;height:3rem;color:#fff;text-align:center;font-size:1rem;line-height:3rem;background-color:#163285;float:right}
.sub2-search .pre-link{font-size:.875rem;color:#999;margin:11px auto 0;width:656px}
.sub2-search .pre-link .title{float:left;margin-right:18px}
.sub2-search .pre-link a{display:block;float:left;color:#222;margin-right:28px}
.sub1 .text-center img{display:block;margin-bottom:2rem;height:8rem;object-fit:cover;width:100%}
.sub2_left_img{height:15rem;display:block;object-fit:cover}
.gc.sub2 .column li{float:left;width:100%}
.nav .sub2 .column li a{width:100%;color:#777;font-size:1.125rem;line-height:3rem;background:url(../images/navlefticon.png) no-repeat center left;padding-left:2.5rem;text-align:left!important}
.c-btn{font-size:1rem;line-height:2rem;color:#fff;background:#163285;border-radius:4px;border:1px solid #163285;padding:.5rem 2rem;margin-right:1.2rem;display:inline-block;transition:all .3s}
.b-btn{margin-top:.5rem;font-size:1rem;line-height:2rem;color:#163285;background:#fff;border-radius:4px;border:1px solid #163285;padding:.5rem 2rem;display:inline-block;transition:all .3s}
.c-btn:hover{color:#fff}
color：#333 .sub2-search{width:100%;position:absolute;left:0;top:99%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.v-select .select-panel{height:100%;font-size:.875rem;color:#333;width:100%;border-right:1px solid #ebebeb;cursor:pointer;text-align:center;line-height:3}
.sub2-search{padding:40px 0}
.sub2-search form{height:48.5px;border:2px solid #163285;width:877px;border-radius:4px;margin:60px auto 0;overflow-x:hidden;overflow:hidden}
.sub2-search .v-select{width:88px;height:48px;font-size:.875rem;color:#666}
.nav .sub2-search .select-panel{line-height:48px;padding-left:14px}
.sub2-search .select-menu{top:3rem}
.sub2-search .select-menu li{height:44px;line-height:3rem;padding-left:14px}
.v-select{position:relative;height:28px;outline:0}
.select-menu{display:none;position:absolute;top:28px;width:100%;z-index:9;max-height:196px}
.select-menu li{height:28px;width:100%;line-height:28px;background-color:#fff;border:1px solid #eaeaea;padding-left:14px;margin-top:-1px;cursor:pointer;transition:all .4s;font-size:.875rem}
.select-menu li.selected,.select-menu li:hover{background-color:#163285;color:#fff}
.v-select .select-panel{height:100%;font-size:.875rem;color:#333;width:100%;border-right:1px solid #ebebeb;cursor:pointer;line-height:3.5rem}
.sub2-search input{text-indent:1rem;float:left;width:672px;height:48px;font-size:.875rem;padding:0}
.sub2-search button{width:98px;height:48px;color:#fff;text-align:center;font-size:1rem;line-height:3rem;background-color:#163285;float:right}
.sub2-search .pre-link{font-size:.875rem;color:#999;margin:11px auto 0;width:656px}
.sub2-search .pre-link .title{float:left;margin-right:18px}
.sub2-search .pre-link a{display:block;float:left;color:#222;margin-right:1vw}
.sub1 .text-center img{display:block;margin-bottom:2rem;height:8rem;object-fit:cover;width:100%}
.sub2_left_img{height:15rem;display:block;object-fit:cover}
.gc.sub2 .column li{float:left;width:100%}
.nav .sub2 .column li a{width:100%;color:#777;font-size:1.125rem;line-height:3rem;background:url(../images/navlefticon.png) no-repeat center left;padding-left:2.5rem;text-align:left!important}
.c-btn{font-size:1rem;line-height:2rem;color:#fff;background:#163285;border-radius:4px;border:1px solid #163285;padding:.5rem 2rem;margin-right:1.2rem;display:inline-block;transition:all .3s}
.b-btn{margin-top:.5rem;font-size:1rem;line-height:2rem;color:#163285;background:#fff;border-radius:4px;border:1px solid #163285;padding:.5rem 2rem;display:inline-block;transition:all .3s}
.c-btn:hover{color:#fff}
color：#333 .sub1 button{border:none}
.sub2{position:absolute;width:100%;left:0;min-width:1400px;box-shadow:0 5px 10px 0 rgba(34,34,34,.1);background-color:#fff;border-top:1px solid #eaeaea;z-index:99999999;padding:2rem 0 1rem 0;min-height:16rem;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:14.5rem}
button{border:none}
.button:focus{outline:0}
.sub1{display:none}
.show{display:block}
.hicon2 img{display:block;cursor:pointer}
input:focus{outline:0}
.sub2{position:absolute;width:100%;left:0;min-width:1400px;box-shadow:0 5px 10px 0 rgba(34,34,34,.1);background-color:#fff;border-top:1px solid #eaeaea;z-index:99999999;padding:2rem 0 1rem 0;min-height:16rem;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:12.2083vw}
.fl{float:left}
.fl{float:left}
/* ================== 【 index_about 】  ==================*/
.index_page_current .index_about_head .index_public_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_about_head .index_public_en{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_about_item_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_about_button .index_public_button{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_about_list{margin-top:0vw}
.index_about_item_cn{font-size:0.9375vw;line-height:1.25vw;color:#666}
.index_about_item_read{-webkit-align-items:flex-end;align-items:flex-end}
.index_about_item_max{font-size:3.3333vw;line-height:1.5;color:#222;margin:2.2917vw 0 0 0;font-family:arial;letter-spacing:0px;font-weight:600;}
.index_about_content .des{color:#333;font-size:1.25vw;line-height:1.5}
.index_about_content .index_public_btn_text{color:#333}
.index_about_read .index_public_white .index_public_cn,.index_about_read .index_public_white .index_public_en{color:#303030}
.index_page_current .index_about_max{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_about_max{margin-top:2vw;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_about_item_box{padding-right:6.6875vw;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_about_max p{font-size: 1.04166667vw;line-height: 1.666vw;font-weight:400;color:#333;}
.iconlist  .index_about_button:first-of-type{padding-right:3%}
/*video*/
.play-button{border:none;cursor:pointer}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;display:none}
.video-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.close-button{position:absolute;top:21%;right: 25.7%;font-size:1.25vw;color:#163283;background:0 0;border:none;cursor:pointer;background: rgb(255 255 255 / 50%);padding:.5%;border-radius:50px;line-height:1vw}
/* ================== 【 arrow icon 】  ==================*/
.index_public_button{width:8.333vw;height:2.6041666vw;padding:.26041666vw;-webkit-border-radius:1.30208333vw;border-radius:1.30208333vw;overflow:hidden;position:relative;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_public_button:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#fff;-webkit-border-radius:1.30208333vw;border-radius:1.30208333vw;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94)}
.index_public_button a{position:relative;z-index:9;-webkit-align-items:center;align-items:center}
.index_public_btn_read{width:calc(100% - 2.08333vw);text-align:center;position:relative;justify-content:center}
.index_public_btn_content{position:relative}
.index_public_btn_text{color:#003;line-height:1.041666vw;font-size:.8333vw;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94)}
.index_public_btn_icon{width:2.08333vw;height:2.08333vw;position:relative;background:#163283;-webkit-border-radius:100%;border-radius:100%;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94)}
.index_public_btn_svg{width:100%;height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative;z-index:9}
.index_public_btn_svg svg{width:20%;fill:#fff;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94)}
.index_public_btn_hover{position:absolute;left:0;top:0}
.index_public_btn_hover svg{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
.index_about_button{margin-top:2.6041666vw}
.index_color_button:hover:after{background:#163283}
.index_color_button:hover .index_public_btn_icon{background:#fff}
.index_color_button:hover .index_public_btn_svg svg{fill:#163283}
.index_color_button:hover .index_public_btn_text{color:#fff!important}
.index_public_button:hover .index_public_btn_default svg{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_public_button:hover .index_public_btn_hover svg{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .8s cubic-bezier(.55,.17,.37,.94);transition:all .8s cubic-bezier(.55,.17,.37,.94);-webkit-transition-delay:.3s;transition-delay:.3s}
.index_public_button:hover .index_public_text_default{color:#163283}
.index_public_button:hover:after{width:100%}

/* ================== 【 index_development 】  ==================*/
.index_development_swiper{height:100%;width:100%}
.index_page_wrapper{-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_development_content{width:100%;height:100%;-webkit-align-items:center;align-items:center}
.index_development_content .index_public_title{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_public_en{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_blue{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_green{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_text{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_button .index_public_button{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_back_head .index_public_title{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_back_head .index_public_en{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_back_title{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_content .index_development_back_item{opacity:0!important;pointer-events:none!important;-webkit-transform:translateY(3vw)!important;transform:translateY(3vw)!important}
.index_development_height{height:0}
.index_development_back{position:absolute;left:0;top:0;width:100%;height:100%}
.index_development_read{width:100%;position:relative;z-index:9}
.index_development_center{margin-top:4.1666vw}
.index_development_blue{font-size:3.333vw;line-height:4.375vw;font-weight:700;color:#163283;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_development_green{font-size:2.6041666vw;line-height:3.8541666vw;font-weight:700;color:#094;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_development_text{font-size:1.041666vw;line-height:1.666vw;margin-top:1.30208333vw;color:#666;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_development_button{margin-top:2.6041666vw}
.index_development_map{position:absolute;left:33.8541666%;top:50%;-webkit-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8);opacity:0;width:35.46875vw;height:35.57291666vw;z-index:10}
.index_development_map img{-webkit-transform:scale(3.5);transform:scale(3.5);-webkit-transition:all 1s cubic-bezier(.69,.27,.45,.99);transition:all 1s cubic-bezier(.69,.27,.45,.99)}
.index_development_back img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s cubic-bezier(.69,.27,.45,.99);transition:all 1s cubic-bezier(.69,.27,.45,.99)}
.index_development_current .index_development_map img{-wenkit-transform:scale(1);transform:scale(1)}
.index_development_current .index_development_back img{-wenkit-transform:scale(1);transform:scale(1)}
.index_development_en{position:absolute;left:22.08333%;top:74%;width:55.88541666%;z-index:7}
.index_development_en svg{fill:#f0f0f0;opacity:0}
.index_development_back_read{position:relative;z-index:9;width:100%}
.index_development_back_head{-webkit-justify-content:center;justify-content:center}
.index_development_back_head .index_public_en{text-align:center}
.index_development_back_head .index_public_title{-webkit-justify-content:center;justify-content:center}
.index_development_back_list{-webkit-justify-content:center;justify-content:center;margin-top:2.6041666vw}
.index_development_back_item{padding:0 1.5625vw}
.index_development_back_photo{width:4.6875vw;margin:0 auto .78125vw}
.index_development_back_text{font-size:.8333vw;line-height:1.25vw;color:#fff}
.index_development_back_img{padding-bottom:100%}
.index_development_back_title{font-size:3.125vw;line-height:3.8541666vw;margin-top:4.1666vw;font-weight:700;text-align:center;color:#fff}
.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_tips{opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_title{opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_text{opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}

/* ================== 【 index_case 】  ==================*/
.index_strength_tab{margin-top:4.6875vw}
.index_strength_title{font-size:3.125vw;line-height:3.6458333vw;color:#333;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw);font-family:"Microsoft YaHei UI Light",Manrope-Regular,"Microsoft YaHei",微软雅黑,Arial,Helvetica,sans-serif!important}
.index_strength_text{font-size:.9375vw;line-height:1.7708333vw;margin-top:.78125vw;color:#333;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_strength_button{margin-top:1.30208333vw}
.index_strength_swiper{padding-bottom:3.125vw}
.index_strength_content{-webkit-align-items:center;align-items:center;height:100%;width:42.708333%}
.index_public_pagination_read{width:3.958333vw}
.index_public_pagination_text{font-size:.9375vw;color:#222}
.index_product_pagination_current,.index_strength_pagination_current{color:#163283}
.index_strength_read{width:calc(42.708333% - 3.125vw); position:absolute;left:3.125vw;top:16%}
.index_strength_wrap{height:100%}
.index_strength_photo_box{width:57.291667%;position:relative}
.index_strength_photo_box:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:#fff;z-index:9}
.index_strength_photo_swiper{height:100%}
.index_strength_photo_img{height:100%}
.index_public_pagination_box{-webkit-align-items:center;align-items:center;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_public_pagination_line{width:calc(100% - 7.8125vw);height:.1041666vw;background:#e7e7e7}
.index_public_swiper_button{padding:0 .78125vw}
.index_public_pagination_label{width:100%;height:100%;background:#163283}
.index_strength_pagination_animate{-webkit-animation:strengthLineWidth 10s forwards linear normal;animation:strengthLineWidth 10s forwards linear normal}
.index_public_pagination_btn{width:1.1458333vw;height:2.08333vw;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;outline:0}
.index_public_pagination_btn:nth-child(1){-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.index_public_pagination_btn svg{width:40.9090909%;fill:#999;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_public_pagination_this svg{fill:#163283}
.index_strength_list{margin-top:4.1666vw}
.index_strength_item_box{width:28.869565%;margin-right:6.6956525%;position:relative;cursor:pointer;outline:0;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_strength_item_box:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.6);-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_strength_item_current:after{background:rgba(255,255,255,0)}
.index_strength_item_box:nth-child(3n){margin-right:0}
.index_strength_item_img{padding-bottom:57.831325%}
.index_product_button{margin-top:2.08333vw}
/* ================== 【 index_product 】  ==================*/
.index_product_wrap{width:100%;height:100%;-webkit-align-items:center;align-items:center}
.index_product_center{padding:0 0 0 6.7708333vw;width:100%}
.index_product_content{width:43%;padding-right:3.125vw;-webkit-align-content:space-between;align-content:space-between}
.index_product_item_img{padding-bottom:139.48497%;z-index:1}
.index_product_tab{width:57%;position: relative;}
.index_product_item_box{-webkit-border-radius:1.3541666vw;border-radius:1.3541666vw;overflow:hidden;position:relative;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_product_item_box a{position:relative;display:block;z-index:9}
.index_product_item_box a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 50%);-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_product_item_box a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(to top,rgba(0,2,59,.8) 0,rgba(0,2,59,0) 50%);opacity:0;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_product_item_box:hover a:before{opacity:1}
.index_product_item_box:hover a:after{opacity:0}
.index_product_item_box:hover .index_product_item_number{color:#fff}
.index_product_item_read{position:absolute;bottom:1.82291666vw;left:0;width:100%;padding:0 1.9791666vw;z-index:3}
.index_product_top{width:100%}
.index_product_item_number{font-size:2.6041666vw;line-height:2.708333vw;color:#fff;-webkit-text-stroke:.0520833vw #fff;color:rgba(255,255,255,0);box-sizing:border-box;margin-bottom:1.041666vw;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_product_item_title{font-size:1.25vw;line-height:1.5625vw;margin-bottom:.3125vw;font-weight:700;color:#fff}
.index_product_item_text{font-size:.78125vw;line-height:1.458333vw;color:#fff}
.index_product_text{font-size:.8333vw;line-height:1.666vw;margin-top:3.125vw;color:#333;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_partner_wrap{position:relative;height:100%}
.index_partner_back{height:100%}
.index_product_wrap .p1{font-size: 1.25vw;}
.index_product_wrap .p2{font-size: 1.041666vw;line-height: 1.666vw;margin-top:1.30208333vw;color: #333; }
/* 右侧正六边形 */
.hexagon{background:url(../images/p1bg.png) no-repeat center;background-size:70%;width:14.5vw;height:11.0625vw;display:block;width:14.5vw;height:11.0625vw;opacity:0;pointer-events:none;-webkit-transform:translateY(3vw);transform:translateY(3vw)}
.index_page_current .hexagon{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.hexagon p{font-size: 1.04166667vw; text-align: center;line-height: 1.5;display:block;padding-top:27%}
.hexagon:last-of-type p{padding-top:32%}
.hexagon:first-of-type{position:absolute;top:23%;left:4%}
.hexagon:nth-of-type(2){position:absolute;left:21%;top:2%}
.hexagon:nth-of-type(3){position:absolute;left:21%;top:50%}
.hexagon:nth-of-type(4){position:absolute;left:38%;top:24%}
.hexagon:nth-of-type(5){position:absolute;left:38%;top:72%}
.hexagon:nth-of-type(6){position:absolute;top:50%;right:18%}
.hexagon:nth-of-type(6)p{padding-top:38%}
/* ================== 【 footer 】  ==================*/
.footer_wrap{background:#222}
.index_page_content .footer_wrap{height:100%}
.footer_wrap a{position:relative;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.footer_wrap a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:.0520833vw;background:#fff;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.footer_wrap a:hover{color:#fff}
.footer_wrap a:hover:after{width:100%;left:0}
.footer_nav_item{margin-right:6.25vw}
.footer_nav_title{font-size:.9375vw;line-height:1.25vw;margin-bottom:1.5625vw;font-weight:700;color:#fff}
.footer_nav_li a{font-size:.7291666vw;line-height:1.82291666vw;color:#777}
.footer_ewm_box{width:6.7708333vw}
.footer_ewm_img{padding-bottom:100%}
.footer_nav_ul{height:9.11458333vw;overflow:hidden}
.footer_ewm_title{text-align:center;font-size:.7291666vw;line-height:1.3541666vw;margin-top:.67708333vw;color:#777}
.footer_box{-webkit-justify-content:space-between;justify-content:space-between;padding:4.1666vw 0 1.5625vw 0}
.footer_line_box{height:.0520833vw;width:100%;background:rgba(255,255,255,.1)}
.footer_tel_text{font-size:.7291666vw;line-height:1.3541666vw;color:#555}
.footer_tel_link a{font-size:1.5625vw;line-height:2.08333vw;font-weight:700;color:#fff}
.footer_bq_box{width:100%;padding:2.708333vw 0 2.708333vw 0;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}
.footer_bq_text,.footer_bq_text a{text-align:right;font-size:.7291666vw;line-height:1.3541666vw;color:#555}
.footer_bq_read .footer_bq_text:first-child a:first-child{display:none}
/* ================== 【 new footer 】  ==================*/
.footer_wrap .part1 span{display:block;background:#163283;padding:0 1%;border-radius:50px;color:#fff;line-height:2.2;font-size:.729167vw;width:32%;text-align:center}
.footer_wrap .part1 b{display:block;color:#fff;font-size:1.04166667vw;line-height:3.5}
.footer_wrap .part1 p{color:#777;font-size:.729167vw;display:block;background:url(../images/icondt.png) no-repeat left center;padding-left:1.5rem;background-size: 0.78125vw 0.78125vw;}
.footer_wrap .part1{border-right:1px solid #494949;padding-right:5%;height:7vw;width:33.3%}
.footer_wrap .part1:last-of-type,.footer_wrap .part1:nth-of-type(2){padding:0 5%}
.footer_wrap .part1:last-of-type{border-right:none;padding-right:0}
.footer_nav_box{width:71%}
/* ================== 【 banner current 】  ==================*/
.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_tips{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_text{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_development_active .index_development_head .index_public_title{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_development_active .index_development_head .index_public_en{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_development_active .index_development_blue{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_development_active .index_development_green{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_development_active .index_development_text{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_page_current .index_development_active .index_development_button .index_public_button{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:250ms;transition-delay:250ms}
.index_page_current .index_development_map{opacity:1;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:250ms;transition-delay:250ms}
.index_page_current .index_development_en svg{opacity:1;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:350ms;transition-delay:350ms}
.index_page_current .index_development_active .index_development_back_head .index_public_title{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_development_active .index_development_back_head .index_public_en{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_development_active .index_development_back_title{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_development_active .index_development_back_item{opacity:1!important;pointer-events:auto!important;-webkit-transform:none!important;transform:none!important;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_strength_head .index_public_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_strength_head .index_public_en{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_text{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_strength_swiper .swiper-slide-active .index_public_button{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_page_current .index_strength_read .index_public_pagination_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:250ms;transition-delay:250ms}
.index_page_current .index_strength_item_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.3s;transition-delay:.3s}
.index_page_current .index_strength_photo_box:after{width:0;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:350ms;transition-delay:350ms}
.index_page_current .index_product_head .index_public_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_product_head .index_public_en{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_product_content .index_product_text{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_product_content .index_product_button .index_public_button{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_product_content .index_public_pagination_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.index_page_current .index_product_tab .index_product_item_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_page_current .index_partner_circle_item{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1);opacity:1}
.index_page_current .index_partner_circle_item:nth-child(1){-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_partner_circle_item:nth-child(2){-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:30ms;transition-delay:30ms}
.index_page_current .index_partner_circle_item:nth-child(3){-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:60ms;transition-delay:60ms}
.index_page_current .index_partner_head .index_public_head{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_partner_logo_current .index_partner_item_box{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.index_page_current .index_news_head .index_public_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_page_current .index_news_head .index_public_en{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:50ms;transition-delay:50ms}
.index_page_current .index_news_item_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_page_current .index_news_pagination_box .index_public_pagination_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:150ms;transition-delay:150ms}
.header_wap_box{display:none}

/*index 项目集萃*/
.ibus{width:100%;position:relative}
.ibus-img{z-index:1}
.ibus-img div{display:none;position:relative}
.ibus-img div:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.1)}
.ibus-img div:first-child{display:block}
.ibus-top{position:relative;color:#fff;padding-top:4.2vw;z-index:2}
.ibus-top-a{display:inline-block}
.ibus-top-b{width:17.8vw;float:right}
.ibus-div{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.ibus-a{width:659px;animation-name: myAnimation;animation-duration:10s;animation-timing-function:linear;animation-iteration-count: infinite;}
.ibus-sd{z-index:1}
.ibus-div img{display:block;object-fit:contain!important}
.ibus-b{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}
.ibus-bli{position: absolute;top: 10%;left: 42%;width: 1px;height: 1px;cursor: pointer;z-index: 22222;}
.ibus-bli:nth-child(2){top:80%;left:19%;}
.ibus-bli:nth-child(3){top:80%;left:78.4%;}
.ibus-bli:nth-child(4){top:75%;left:76.5%}
.ibus-bli:nth-child(5){top:75%;left:24%}
.ibus-bli:nth-child(6){top:50.2%;left:20%}
.ibus-b2{width:20px;height:20px;background:rgba(255,255,255,.4);border-radius:100%;position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all .5s;-webkit-transition:all .5s}
.ibus-bli:after{content:'';width:8px;height:8px;background:#fff;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.ibus-b3{font-size:16px;color:#fff;width:35px;line-height:1.2;position:absolute;top:-20px;right:15px;transition:all .5s;-webkit-transition:all .5s;z-index:222222}
.ibus-bli.on .ibus-b3 , .ibus-bli:hover .ibus-b3{font-weight:700;transition:all .5s;-webkit-transition:all .5s}
.ibus-bli.on .ibus-b2 , .ibus-bli:hover .ibus-b2{opacity:1;transition:all .5s;-webkit-transition:all .5s}
.ibus-swiper{width:360px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:999}
.ibus-sd{text-align:center;color:#fff}
.ibus-j2>img{height:75px}
.ibus-j3{font-size:36px;line-height:1;margin-top:10px}
.ibus-j4{font-size:38px;line-height:1}
.ibus-j5{font-size:18px;line-height:1.4;margin-top:15px;min-height:80px;padding:0 20px}
.ibus-j6{width:175px;height:60px;line-height:60px;border-radius:30px;font-size:18px;margin-top:10px}
.ibus-j6>i{width:10px;height:10px}
.ibus-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.ibus-svg .svg{width:576px;height:576px;transform:rotate(-130deg);-webkit-transform:rotate(-130deg);position:absolute;top:50%;left:50%;margin-top:-288px;margin-left:-287px}
.ibus-svg .svg2 , .ibus-svg .svg3{display:none}
.ibus-svg.rt2 .svg{transform:rotate(-58deg);-webkit-transform:rotate(-58deg)}
.ibus-svg.rt3 .svg{transform:rotate(14deg);-webkit-transform:rotate(14deg)}
.ibus-svg.rt4 .svg{transform:rotate(86deg);-webkit-transform:rotate(86deg)}
.ibus-svg.rt5 .svg{transform:rotate(158deg);-webkit-transform:rotate(158deg)}
.progress{display:none}
.ibus-svg.on1 .progress{display:block;animation:dash1 27.5s linear both;-webkit-animation:dash1 27.5s linear both}
@keyframes dash1{from{stroke-dashoffset:1830px}
to{stroke-dashoffset:0}
}
to{stroke-dashoffset:0}
.ibus-j2>img{height:50px}
.ibus-j3{font-size:28px}
.ibus-j4{font-size:28px}
.ibus-j6{width:140px;line-height:50px;height:50px;margin-top:10px}
.ibus-div{width:450px;top:55%}
.ibus-top-b{width:400px}
.ibus-svg .svg{width:600px;height:600px;margin-top:-195px;margin-left:-195px}
.ibus-svg .svg1,.ibus-svg .svg3{display:none}
.ibus-svg .svg2{display:block}
@keyframes dash1{from{stroke-dashoffset:1240px}
to{stroke-dashoffset:0}
}
@-webkit-keyframes dash1{from{stroke-dashoffset:1240px}
to{stroke-dashoffset:0}
}
.ibus-top{padding-top:0}
.ibus-top-a{width:100%;font-size:.45rem;font-weight:700;text-align:center}
.ibus-top-b{width:100%;float:initial;text-align:center}
.ibus-div{width:43.4895833vw;top:initial;left:initial;position:relative;margin:0 auto;margin-top:4%;transform:initial;height:76.11111vh}
.ibus-swiper{width:100%}
.ibus-j2{margin:0 auto;width:275px;position:absolute;left:53%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.ibus-j2>img{height: 9.25925926vh;width: 10.4166667vw;display:block;margin:0 auto}
.ibus-j3{font-size:16px;margin-top:8px;font-weight:700}
.ibus-j4{font-size:1.25vw;margin-top: 12%;font-weight:400}
.ibus-j5{font-size:.9375vw!important;line-height:1.5!important;padding:0 10px;min-height:60px;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.ibus-j5 *{line-height:1.5!important}
.ibus-j5 p{font-size:.9375vw!important}
.ibus-j5 span{display:block;font-size:.729167vw;text-align:center}
.i .ibus-j6{width:80px;line-height:30px;height:30px;font-size:12px}
.ibus-j6>i{width:6px;height:6px}
.ibus-b2{width:10px;height:10px}
.ibus-b3{font-size:1.25vw;width:9vw;top:-13px;right:-10vw;z-index: 2222222;}
.ibus-bli:nth-child(2) .ibus-b3{top: -1.35vh;right: -1vw;}
.ibus-bli:nth-child(3) .ibus-b3{top: -1.25vh;right: -10vw;}
.ibus-bli:nth-child(4) .ibus-b3{top:-1vh;right:-9vw}
.ibus-bli:nth-child(5) .ibus-b3{top:-1vh;right:1vw}
.ibus-bli:nth-child(6) .ibus-b3{top:-1vh;right:1vw}
.ibus-b2{width:14px;height:14px}
.ibus-bli:after{height:6px;width:6px}
.ibus-svg .svg1,.ibus-svg .svg2{display:none}
.ibus-svg .svg3{display:block}
.casecompilation .zhuangshi{text-transform: uppercase;color:#fff;text-align:right;font-size: .729167vw;line-height: 1.5; width: 19%;position: absolute;right: 0;bottom: 0;    opacity: 0.5;}
.casecompilation .swiper-container{z-index:22}
.ibus-bli.on .ibus-b3,.ibus-bli:hover .ibus-b3{font-weight:700;transition:all .5s;-webkit-transition:all .5s}
.ibus-bli.on .ibus-b2,.ibus-bli:hover .ibus-b2{opacity:1;transition:all .5s;-webkit-transition:all .5s}

.index_xmjc_box{align-items:flex-start!important;margin-top: 3.125vw; }
.index_xmjc_box .index_public_title {opacity: 1;}
.index_xmjc_box .index_public_en {font-size:1.667vw;font-weight: 600;line-height: 3.2291666vw;text-transform: uppercase; color: #fff;opacity: 1;}
.index_xmjc_box .index_public_white{width:28%;margin-top: 3.125vw;}
.index_xmjc_box .page_center{width: 100%;}
.index_xmjc_box .index_public_title {}
.index_xmjc_box .index_page_content {width: 62%; margin-left: -8vw;}
.index_xmjc_box .index_public_icon { border: 1px solid #fff;}

.index_xmjc_dec{font-size:1.1458vw;line-height:1.5;font-weight:400;color:#fff;padding-top:4.1667vw;}




@media(max-width:1200px){
.ibus{height:620px}
.ibus-j2>img{height:50px}
.ibus-j3{font-size:28px}
.ibus-j4{font-size:28px}
.ibus-j6{width:140px;line-height:50px;height:50px;margin-top:10px}
.ibus-div{width:450px;top:55%}
.ibus-top-b{width:400px}
.ibus-svg .svg{width:390px;height:390px;margin-top:-195px;margin-left:-195px}
.ibus-svg .svg1,.ibus-svg .svg3{display:none}
.ibus-svg .svg2{display:block}
@keyframes dash1{from{stroke-dashoffset:1240px}
to{stroke-dashoffset:0}
}
@-webkit-keyframes dash1{from{stroke-dashoffset:1240px}
to{stroke-dashoffset:0}
}
}


@media(max-width:767px){
.ibus{height:auto;padding:.8rem 0}
.ibus-top{padding-top:0}
.ibus-top-a{width:100%;font-size:.45rem;font-weight:700;text-align:center}
.ibus-top-b{width:100%;float:initial;text-align:center}
.ibus-div{width:350px;top:initial;left:initial;position:relative;margin:0 auto;margin-top:.8rem;transform:initial}
.ibus-swiper{width:350px}
.ibus-j2>img{height:3rem;width:7rem;object-fit:contain}
.ibus-j3{font-size:16px;margin-top:8px;font-weight:700}
.ibus-j4{font-size:16px;margin-top:3rem;font-weight:700}
.ibus-j5{font-size:12px!important;line-height:20px!important;padding:0 10px;min-height:60px;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.ibus-j5 *{font-size:12px!important;line-height:20px!important}
.i .ibus-j6{width:80px;line-height:30px;height:30px;font-size:12px}
.ibus-j6>i{width:6px;height:6px}
.ibus-b2{width:10px;height:10px}
.ibus-b3{font-size:1rem;width:6.5rem;top:-15px;right:6px}
.ibus-bli:nth-child(3) .ibus-b3{top:-35px;right:-35px}
.ibus-bli:nth-child(4) .ibus-b3{top:-8px;right:-78px}
.ibus-bli:nth-child(1):after{top:75%;left:85.5%}
.ibus-bli:nth-child(2):after{top:75%;left:85.5%}
.ibus-bli:nth-child(3):after{top:75%;left:85.5%}
.ibus-bli:nth-child(4):after{top:75%;left:85.5%}
.ibus-bli:nth-child(5):after{top:75%;left:85.5%}
.ibus-bli{top:24.9%;left:28%}
.ibus-b3{font-size:1rem;width:6.5rem;top:-2rem;right:-1rem}
.ibus-bli:nth-child(5) .ibus-b3{top:-2rem;right:-3.5rem}
.ibus-bli:nth-child(4) .ibus-b3{top:-1.5rem;right:-3.5rem}
.ibus-bli:nth-child(2) .ibus-b3{top:-2rem;right:-3.5rem}
.ibus-bli:nth-child(6) .ibus-b3{width:8rem;top:-4vh;right:-16vw}
.ibus-j5 p{font-size:1rem!important}
.ibus-bli{top:30.9%;left:28%}
.ibus-bli:nth-child(5){top:68%;left:14%}
.ibus-bli:nth-child(4){top:67%;left:85.5%}
.ibus-bli:nth-child(2){top:30.9%;left:84.6%}
.ibus-b2{width:14px;height:14px}
.ibus-bli:after{height:6px;width:6px}
.ibus-svg .svg1,.ibus-svg .svg2{display:none}
.ibus-svg .svg3{display:block}
.ibus-svg .svg{width:264px;height:264px;margin-top:-134px;margin-left:-131px}
.index_xmjc_box .index_page_content {width: 100%;margin-left: 0vw;margin-top: -32%;}
.index_xmjc_box .index_public_white { width: 100%;margin-top: 40%;}
.index_xmjc_box .index_public_cn  , .index_xmjc_box .index_public_en{font-size:5.79710144vw;line-height:8.21256vw;}
.ibus-bli:nth-child(3) {top: 51%; left: 92.4%;}
.ibus-bli:nth-child(6) { top: 50.2%; left: 13%;}
.casecompilation .zhuangshi{font-size:0.75rem;line-height:1.2;width:100%;bottom: 6%;opacity: 0.5;}
.index_xmjc_dec {font-size: 3.3333vw;}
@keyframes dash1{from{stroke-dashoffset:835px}
to{stroke-dashoffset:0}
}
@-webkit-keyframes dash1{from{stroke-dashoffset:835px}
to{stroke-dashoffset:0}
}
}



.swiper-g{opacity: 0 !important;display: none;}

/* ================== 【Inside pages 】  ==================*/
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
img{max-width:100%; margin: 0 auto;}
p{display: block;margin-block-start:0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
ul{display:block;list-style-type:disc;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;font-size:0}
@media (min-width:1920rem){html{font-size:16px}
}
@media (min-width:1400px) and (max-width:1920rem){
    /*html{font-size:14px}*/
}
@media (max-width:1399px){html{font-size:12px}
}
@media (max-width:767px){html{font-size:14px}
}
@media only screen and (max-width :1919px){.banner img{width:100%;height:auto}
}
.nyheader{height:5.2083vw;opacity:1;position:fixed;box-shadow:1px 2px 5px #cccccc73;width:100%;z-index:9999999;top:0}
.nyheader .header_wrap{opacity:1;background:#fff}
.nyheader .header_white_back{opacity:1}
.nyheader #nav li a{color:#333!important}
.nyheader .header_logo_box a img{filter:none}
.nyheader .header_language_item img{filter:none;width: 2.08333333vw;}
.container{max-width:1540px;margin:0 auto}
.nynav a{color:#333!important}
.nynav a:hover{color:#163283!important}
.nyheader #nav li a:hover{color:#163283!important}

.nyheader #nav li a {color: #333!important;}
.nyheader .header_index .header_nav_link:after {background: #163283!important;}
/* ================== 【 newscenter 】  ==================*/
.recnewslist{background:#f6f6f9;padding:13.125rem 0 6.875rem 0}
.recnewslist .nr{align-items:flex-start!important}
.recnewslist .left{width:50%;position:relative}
.recnewslist .left .des{position:absolute;left:0;right:0;bottom:0rem;padding: 1rem 5% 2rem 5%;background: linear-gradient(to bottom, rgb(22 50 131 / 1%) 4% , rgb(22 50 131 / 6%) 10%, rgb(22 50 131 / 54%) 60%);width:100%;overflow:hidden}
.recnewslist .left img{display:block;height:28.75rem;object-fit:cover;width: 100%;}
.recnewslist .left span{font-size:1rem;color:#fff;line-height:2;font-family:arial}
.recnewslist .left .tit{font-size:1.375rem;color:#fff;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recnewslist .right{width:50%;padding:0 5%}
.recnewslist .right li{padding:3.6% 0;border-bottom:1px solid #ddd;width:100%}
.recnewslist .right li:first-of-type{padding-top:0}
.recnewslist .right span{color:#163283;font-size:1rem;font-family:arial;display:block;padding-bottom:3%}
.recnewslist .right .tit{color:#222;font-size:1.25rem;line-height:1.8}
.recnewslist .right .tit:hover{transition:all .3s ease-in-out;color:#163283}
.recnewslist .left .img{overflow:hidden}
.recnewslist .left img{display:block;transition:.5s ease-in;overflow:hidden}
.recnewslist .left img:hover{transform:scale(1.1,1.1)}
.recnewslist .left .tit:hover{color:#c73827;transition:.5s ease-in}
/*下排列表*/
.bottomlist{padding:6.875rem 0}
.bottomlist li{background:#f6f6f9;margin-bottom:3%;overflow:hidden}
.bottomlist li:hover{background:#fff;box-shadow:1px 1px 5px rgb(204 204 204 / 54%);transition:all .3s ease-in-out}
.bottomlist li .img{height:21.75rem;width:40%}
.bottomlist li .img img{width:100%;display:block;height:100%;object-fit:cover;}
.bottomlist li span{display:block;font-size:1rem; line-height:2;font-family:arial;color:#163283}
.bottomlist li .tit{color:#3b3c44;line-height:2;padding-bottom:2%;font-size:1.375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottomlist li p{color:#676b77;font-size:1rem;line-height:1.8;color:#3b3c44}
.bottomlist .right{width:60%;padding:0 5%}
.bottomlist li .more{display:block;border-radius:50px;width:21%;line-height:3;text-indent:25%;margin-top:2%;font-size:1rem;border:1px solid #ddd;color:#676b77}
.bottomlist li:hover .more{background:#163283;color:#fff;transition:all .3s ease-in-out}
.bottomlist li:hover .tit{color:#163283}
.bottomlist li:hover .more img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite}

@keyframes arr{
0%{transform:translateX(-5px)}
50%{transform:translateX(0)}
100%{transform:translateX(-5px)}
}
.bottomlist .more img{display:block; width:1.4375rem;height:0.6875rem; display: inline-block; }
.bottomlist .more .img1{display:inline-block}
.bottomlist .more .img2{display:none}
.bottomlist li:hover .more .img2{display:inline-block}
.bottomlist li:hover .more .img1{display:none}
/* pglist */
.pglist{margin-top:2rem;text-align:center;font-size:0}
.pglist li{display:inline-block}
.pglist .pagin-left,.pglist .pagin-mid,.pglist .pagin-right,.pglist .pagin-select{display:inline-block;vertical-align:middle}
.pglist span{display:inline-block;font-size:1rem;color:#676b77;font-family:"Microsoft YaHei",Arial;line-height:26px;border:1px solid #ddd;margin:0 5px;padding:0 8px}
.pglist .current,.pglist a{display:inline-block;font-size:1rem;color:#676b77;font-family:"Microsoft YaHei",Arial;line-height:1.8;padding:.5rem 1rem;border-radius:5px}
.pglist .current,.pglist a:hover{color:#163283}
.pglist .pagin-mid{font-size:1rem}
.pglist .pagin-mid .mob-pagin-mid{display:none}
.pglist .pagin-select{font-size:1rem}
.pglist .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px}
.pglist li.active span{color:#163283}
.pglist a.hover{color:#163283}
/*.pglist>a:first-of-type{font-size:0}*/
/*.pglist a:first-of-type{cursor:pointer;background:url(../images/jt1.png) no-repeat center center;width:1.125rem;height:1.125rem}*/
/*.pglist a:first-of-type:hover{background:url(../images/jt2.png) no-repeat center center}*/
/*.pglist a:last-of-type{font-size:0;cursor:pointer;background:url(../images/jt2-1.png) no-repeat center center;width:1.125rem;height:1.125rem}*/
/*.pglist a:last-of-type:hover{font-size:0;cursor:pointer;background:url(../images/jt1-1.png) no-repeat center center;width:1.125rem;height:1.125rem}*/
/*detail*/
/*.content{max-width:1000px;margin:0 auto}*/
.wrapper .des{background:#f8f8fb;padding:6.25rem 0}
.wrapper{padding: 5.2083vw 0 6.25rem 0;}
.wrapper .title{font-size:2.125rem;color:#2f3038;font-weight:600;text-align:center;line-height:1.5}
.wrapper .mark{text-align:center;font-size:1rem;color:#676b77;margin:2rem 0 0 0}
.wrapper .mark span:first-of-type{display:inline-block;padding-left:2.5%;background-size:1.375rem 1.375rem;padding-right:2.5%;background:url(../images/time.png) no-repeat left center}
.wrapper .mark span:last-of-type{display:inline-block;padding-left:2.5%;background-size:1.375rem 1.375rem;background:url(../images/author.png) no-repeat left center}
.detailcontent{max-width:1000px;margin:0 auto}
.wrapper .showContxt{padding:3rem  0 0 0}
.wrapper .showContxt p{font-size:1rem;color:#3b3c44;line-height:1.8}
.wrapper .showContxt p span{font-size:1rem;color:#3b3c44;line-height:1.8}
.wrapper .showContxt span{font-size:1rem;color:#3b3c44;line-height:1.8}
.reLink .nextLink,.reLink .prevLink{color:#676b77;font-size:1rem;line-height:2;width:71%;width:71%;overflow:hidden}
.reLink .nextLink a,.reLink .prevLink a{width:88%;color:#676b77;font-size:1rem;line-height:2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reLink .nextLink a:hover,.reLink .prevLink a:hover{color:#163283}
.reLink .content{border-top:1px solid #ddd;padding-top:3.125rem}
.reLink .left{width:86%}
.reLink .right{width:11%;text-align:center;border-radius:50px;line-height:3;background:url(../images/back.png) #163283 no-repeat left 20% center;padding-left:2%;cursor:pointer}
.reLink .right a{color:#fff}
.des .content{margin: 0rem auto 0!important; }
/* ================== 【 nycontac 】  ==================*/
.nycontactbanner{height:57rem!important;padding-top:0!important}
.wrapper .content{width: 75%;max-width: 1400px;margin:3rem auto 0;}
.wrapper .nycontact .txtcon span{color:#163283;font-size:0.833333vw;line-height:1;display:block;position:relative;padding-left:3rem}
.wrapper .nycontact .txtcon span::after{position:absolute;content:"";width:2.5rem;height:1px;background:#163283;left:0;top:50%}
.wrapper .nycontact .txtcon h6{color:#303030;font-size:1.5625vw;line-height:2.5;;font-weight:400;} 
.wrapper .nycontact .txtcon ul li{font-size:0.83333vw;color:#222;    width: 33.3%;/*background: url(../images/conicon1.png) no-repeat left top;padding-left:2.5rem;width: 33.3%;*/}
.wrapper .nycontact .txtcon ul li em{display:block;font-style:normal; font-size:0.83333vw;color:#222;background: url(../images/conicon1.png) no-repeat left top;padding-left:2.5rem;}
.wrapper .nycontact .txtcon ul li:nth-child(2) em{background: url(../images/conicon2.png) no-repeat left top;}
.wrapper .nycontact .txtcon ul li:nth-child(3) em{background: url(../images/conicon3.png) no-repeat left top;}

.wrapper .nycontact .txtcon ul li p{display:block;color:#676b77;font-family:arial;font-size:0.9375vw;line-height:2;}
.wrapper .nycontact .txtcon {border-bottom:1px solid #ddd;padding:5% 0;}
.wrapper .nycontact .txtcon:first-of-type{padding-top:0}
.wrapper .nycontact{ background: url(../images/contactbg.jpg) no-repeat center center;}
.wrapper .contactus .content{background: url(../images/contactus.jpg) no-repeat center center; padding: 3.2% 0; border-radius: 10px;overflow: hidden; background-size: cover;width: 90%;padding: 2% 0;}
.wrapper .contactus p{text-align:center;line-height:1.8;font-size: 1.875rem;;color:#fff}
.wrapper .contactus .index_public_button{margin:0 auto;opacity:1;pointer-events:visible;-webkit-transform:translateY(0);transform:translateY(0);z-index:9999}
.wrapper .contactus .index_public_btn_text{color:#fff;}
.wrapper .contactus .index_about_button{margin-top: 1rem;}
.wrapper .contactus .index_public_btn_svg svg{width:18%;fill:#163283}
.wrapper .contactus .index_public_btn_icon{background:#fff}
.wrapper .contactus .index_public_button:after{background:#163283}
.nybanner{margin-top: 5.2083vw;background-size: cover!important;height: calc(100vh - 5.2083vw);}
.nybanner .content{position:relative;height: 50rem;width: 75%;max-width: 1400px;margin: 0 auto;}
/* ================== 【 prodyct 】  ==================*/
/*重防腐*/
.nybanner .columndes{position:absolute;left:0;top:25%;width: 100%;}
.nybanner .columndes p{line-height:2;font-size:1.125rem;color:#fff}
.nybanner .columndes h3{line-height:2;font-size:2.5rem;color:#fff;font-weight:600}
.nyprowrapper{background:url(../images/zffbg.jpg) no-repeat center center;background-size:cover;position:relative}
.nyprowrapper .content{width:75%;max-width:1400px}
.nyprowrapper .swiper-container{width:100%;height:100%}
.nyprowrapper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.nyprowrapper .slick-prev{cursor:pointer;  font-size:0;position:absolute;left:-8%;top:50%;background:url(../images/button_left.png) no-repeat center center;background-size:contain;width:4.0625rem;height:4.0625rem}
.nyprowrapper .slick-next{cursor:pointer;font-size:0;position:absolute;right:-8%;top:50%;background:url(../images/button_right.png) no-repeat center center;background-size:contain;width:4.0625rem;height:4.0625rem}
.prolistcontact p{font-size: 1.5rem; color: #222; text-align: center;line-height: 2; display: block;padding-bottom:1.5rem;}
.prolistcontact a{display:block;color:#fff;width:15%;margin:0 auto;line-height:4;background:linear-gradient(to bottom,#2244ad 29% ,#163285 68%,#163285 89%);font-size:1.125rem;text-indent:10%}
.prolistcontact img{display:inline-block;width:.8125rem;height:1.0625rem;margin-left:1rem}
.productPage .content{width:100%;margin: 0 auto;}
.productPage{position:relative}
.nyprowrapper .img1{display:block;position:relative}
.nyprowrapper .ceng{position:absolute;background:#eee;left:0;bottom:0;width:100%;height:100%;z-index:2;background: linear-gradient(to bottom,rgb(221 221 221 / 52%) 5% , rgb(221 221 221 / 1%) 69% , rgb(221 221 221 / 4%) 20% , rgb(104 104 104 / 66%) 93%);}
.nyprowrapper h3{display:block;z-index:5;position:relative;color:#fff;text-align:center;line-height:3}
.nyprowrapper .item:hover .ceng{transition:all .35s ease-out;background:linear-gradient(to bottom,rgb(34 68 173 / 3%) 29% ,#16328559 68%,#163285b5 89%)}
.nyprowrapper .item{display:block;margin:0 1rem;}
.prolistcontact{padding-top:5rem}
.responsive {margin-left: -1rem; margin-right: -1rem;}
.showContxt .content{max-width: 1000px; margin: 0 auto;}
/*新型环保材料*/
.xxhbtlpage .columndes h3{color:#3b3c44}
.xxhbtlpage .des p{display:block;position:relative;font-size:1.25rem;color:#3b3c44;padding-left:3rem}
.xxhbtlpage .des em strong{display:inline-block;font-size:1.875rem;font-style:italic;font-weight:600;padding:0 .3rem 0 0}
.xxhbtlpage .des p::after{position:absolute;content:"1";left:0;top:39%;font-size:1.25rem;font-family:arial;border:2px solid #3b3c44;border-radius:100%;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;font-weight:600}
.xxhbtlpage .des p:nth-of-type(2)::after{content:"2"}
.xxhbtlpage .des p:nth-of-type(3)::after{content:"3"}
.xxhbtlpage .des p::before{content:"";position: absolute;width: 1px;height: 2.1rem; background: #48484e;left: 1.0%; top: 83%;}
.xxhbtlpage .des p:nth-of-type(3)::before{background:0 0}
.peculiarity{padding:6.875rem 0}
.peculiarity h6{display:block;text-align:center;color:#222;font-size:2.25rem;font-weight:400;padding-bottom:3.75rem;line-height:1.5}
.peculiarity li p{color:#3b3c44;font-weight:600;font-size:1.5rem;text-align:center;line-height:2;padding-top:4%}
.peculiarity li{border-radius:10px;background:#fff;border:1px solid #fff;width:32%;box-shadow:3px -1px 12px rgb(204 204 204 / 36%);padding:3% 0}
.peculiarity li .img1{display:block;margin:0 auto;width:8rem;height:8rem}
.peculiarity li .img2{display:none}
.peculiarity .content{max-width:1400px;margin:0 auto}
.peculiarity li:hover .img2{display:block;transition:all .3s ease-out;margin:0 auto;width:8rem;height:8rem}
.peculiarity li:hover .img1{display:none}
.peculiarity li:hover{border:1px solid #163283}
.hbtllist{background:url(../images/hbtl_back.jpg) no-repeat top center}
.hbtllist .productPage  .slick-prev{cursor: pointer; font-size: 0;position: absolute; left: -8%;top: 50%;background: url(../images/button_left.png) no-repeat center center; background-size: contain; width: 4.0625rem;height: 4.0625rem;}
/*易涂盾*/
.ytdpage .des li{margin-right:10%;position:relative;padding-top:3.5%;   }
.ytdpage .des li p{text-align:center;display:block;position:relative;padding-top: 61%;}
.ytdpage span{display:block;font-family:arial;font-size:1.5rem;font-weight:600;color:#fff}
.ytdpage .des li p::after{position:absolute;content:"";background:#fff;width:.8rem;height:.8rem;border-radius:100%;left:50%;top: 43%;}
.ytdpage .des li:nth-child(2){padding-top:6.5%}
.ytdpage .des li:nth-child(3){padding-top:4%}
.ytdpage .des li:nth-child(4){padding-top:0;margin-top:-6.5%}
.breath {animation: aniTop 1.2s .6s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
@keyframes aniTop {0% {transform: translateY(0);}
100%{ transform: translateY(-10px);}}
.ytdpeculiarity{padding:6.875rem 0 0  0}
.ytdpeculiarity .content .p1{font-size:1rem;color:#676b77;line-height:2;padding-bottom: 5rem;  }
.ytdpeculiarity h6 , .ytdllist h6 {display:block;text-align:center;color:#222;font-size:2.25rem;font-weight:400;padding-bottom:3.75rem;line-height:1.5}
.ytdpeculiarity li{border-radius:10px;background:#fff;border:1px solid #fff;width:48%;box-shadow:3px -1px 12px rgb(204 204 204 / 36%);padding: 2%;margin-bottom: 2%;cursor:pointer;}
.ytdpeculiarity li p{color:#676b77;text-align:center;line-height:2;padding-top:4%}
.ytdpeculiarity li .img1{display:block;margin:0 auto;width:8rem;height:8rem}
.ytdpeculiarity li .img2{display:none}
.ytdpeculiarity .content{max-width:1400px;margin:0 auto}
.ytdpeculiarity li:hover .img2{display:block;transition:all .3s ease-out;margin:0 auto;width:8rem;height:8rem}
.ytdpeculiarity li:hover .img1{display:none}
.ytdpeculiarity li:hover{border:1px solid #163283;transition:all 0.3s ease-in-out}
.ytdpeculiarity li em{display:block;position:absolute;right:0;}
.ytdpeculiarity li .left{width:21%;}
.ytdpeculiarity li .right{width: 73%;position:relative;  }
.ytdpeculiarity li .right b{font-size:1.5rem;color:#3b3c44;line-height:2;}
.ytdpeculiarity li .right p{font-size:0.875rem;color:#676b77;text-align:left;padding-top: 2%;width: 86%;}
.ytdpeculiarity em{position:absolute;right:0}
.ytdpeculiarity li .img02{display:none;}
.ytdpeculiarity li:hover em .img01{display:none;transition:all 0.3s ease-in-out;}
.ytdpeculiarity li:hover em .img02{display:block;transition:all 0.3s ease-in-out;}
.ytdpage .des li  img{display:block;width:6.51041667vw;}


/*底部应用领域*/
.ytdllist .slick-active{ }
.ytdllist li img{height:28.75rem}
.ytdllist li{position:relative}
.ytdllist .item{height:37.5rem;overflow:hidden}
.ytdllist .slick-slide img{display:block;width:100%;height:37.5rem;object-fit:cover}
.ytdllist .item h3{opacity:0;position:absolute;bottom:0;z-index:222;color:#fff;line-height:1.75;margin-bottom:2rem;font-size:1.25rem;text-align:center;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.ytdllist .slick-active .ceng{background:rgb(204 204 204 / 74%)}
.ytdllist .slick-active h3{opacity:1;transition:all 0.3s ease-in-out}
.ytdllist .slick-prev{cursor:pointer;font-size:0;position:absolute;left:45%;top:unset;bottom:-15%;background:url(../images/button_left2.png) no-repeat center center;background-size:contain;width:3.9375rem;z-index:9999;height:4.0625rem}
.ytdllist .slick-next{cursor:pointer;font-size:0;position:absolute;right:45%;bottom:-15%;top:unset;background:url(../images/button_right2.png) no-repeat center center;background-size:contain;width:3.9375rem;height:4.0625rem;z-index:9999}
.ytdllist .slick-dots{display:flex;margin:5.625rem auto 0;font-size:1rem;position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.ytdllist button{font-size:1rem;color:#676b77}
.ytdllist .slick-dots li{display:none}
.ytdllist .slick-dots li.slick-active{display:block;color:#676b77}
.custom_paging{position: absolute;
    right: 40%;
    bottom: -10.6%;width:20%}
.custom_paging li{display:none;text-align:center;margin-top:10px;}
.custom_paging li.slick-active{display:block}
.ytdllist{padding:7rem 0 12rem 0}
.ytdllist .ceng{background:rgb(204 204 204 / 85%)}
.ytdllist .item.slick-active .ceng{background:linear-gradient(to bottom,rgb(34 68 173 / 3%) 20% ,#16328559 82%,#00134ab5 100%)}
.contain{max-width:1400px;margin:0 auto}
/*全生命周期*/
.qsszqdes{background:url(../images/qsmzqbg.jpg) no-repeat center center;padding: 9rem 0 21rem 0;height: 100vh; background-size: cover;}
.qsszqdes p{color:#fff;font-size:1.125rem;line-height:2;    padding-bottom: 3rem;}
.qsszqdes ul li {margin-right: 7rem;border-radius:100%;width:15rem;height:15rem;border:1px dashed #fff}
.qsszqdes ul li:nth-of-type(2){margin-top:5rem}
.qsszqdes ul li img{display:block;margin: 3rem auto 0; width: 5rem; height: 5rem;}
.qsszqdes ul li span{display:block;text-align:center;font-size:1.125rem;color:#fff;line-height:2}
.qsmzqlpage h3{font-size:2.75rem!important;color:#fff!important;line-height:2!important;background:url(../images/qsmzq_bannericon.png) no-repeat left center;display:block;padding-left:6rem}
.qsmzqlpage .des b{color:#fff;font-size:1.5rem;display:block;border-left:3px solid #c73827;padding-left:1.5rem;margin-bottom:2rem;line-height:1}
.qsmzqlpage h3{margin-bottom:6.25rem}
.qsmzqlpage .des p{line-height:2}

/*五大模块*/
.fivepart .contain{position:relative;height:56.875rem}
.fivepart .part b{display:block;color:#222;font-size:1.5rem;padding-left:3rem;line-height:3;text-align:right}
.fivepart p{color:#676b77;font-size:1rem;line-height:1.5;text-align:right}
.fivepart .part1 b{background:url(../images/qsm_icon1.png) no-repeat right 36% center}
.fivepart .part2 b{background:url(../images/qsm_icon2.png) no-repeat left center;text-align:left}
.fivepart .part3 b{background:url(../images/qsm_icon3.png) no-repeat right 36% center}
.fivepart .part4 b{background:url(../images/qsm_icon4.png) no-repeat left center;text-align:left}
.fivepart .part5 b{background:url(../images/qsm_icon5.png) no-repeat left center}
.fivepart .part img{display:none}
.fivepart .part:hover img{display:block;position:absolute;width:3.75rem;height:3.75rem;left:3rem;top:28%}
.fivepart .part:hover{background:url(../images/fivebg.jpg) no-repeat center center;transition:.3s ease-in-out}
.fivepart .part:hover b,.fivepart .part:hover p{color:#fff;transition:.5s ease-in-out}
.fivepart .part:hover b{background:0 0;transition:0s ease-in-out}
.fivepart .part:hover::after{content:"";transition:.5s ease-in-out;position:absolute;border:1px dashed #163283;width:100%;height:100%;border-radius:10px;left:2%;top:5%;border-top:none}
.fivepart .part{width:28%;border-radius:10px;height:8.75rem;cursor:pointer;padding:0 2%;position:absolute;z-index:99}
.fivepart .part1{left:0;top:10%}
.fivepart .part2{position:absolute;right:0;top:10%}
.fivepart .part3{left:0;top:60%}
.fivepart .part4{top:49%;right:-3%}
.fivepart .part5{top:96%;left:56%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.fivepart .part5 b{text-align:left}
.fivepart .part5 p{text-align:left}
.fivepart .part2 p,.fivepart .part4 p,.fivepart .part5 p{text-align:left}
.fivepart .part5 img{display:none}
.fivepart .part2:hover img,.fivepart .part4:hover img,.fivepart .part5:hover img{display:block;position:absolute;width:3.75rem;height:3.75rem;top:28%;transition:.3s ease-in-out;left:72%}
.fivepart .part2:hover b,.fivepart .part4:hover b,.fivepart .part5:hover b{padding-left:0;transition:all 0 ease}
.fivepart .middleyuan{position:relative;margin:0 auto;width:21.25rem;height:21.5625rem;z-index:999;top:30%}
.fivepart .middleyuan span{color:#222;font-size:2.25rem;font-weight:600;line-height:1;padding-top:25%;text-align:center;margin:0 auto 0;display:block}
.fivepart .middleyuan em{color:#163283;font-size:6.875rem;font-weight:600;text-align:center;font-style:normal;font-family:arial}
.fivepart .middleyuan p{color:#2f3038;font-size:1.375rem;line-height:2;text-align:center}
.fivepart .middleyuan:after{content:"";width:21.25rem;height:21.5625rem;display:block;position:absolute;left:0;top:0;background:url(../images/qsmzqyuan3.png) right center no-repeat;background-size:100%;animation-name:myAnimation;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}
.fivepart{margin:6.875rem 0}
.fivepart .contain:before{content:"";width:1400px;position:absolute;left:0;top:0;bottom:0;height:56.875rem;background-size:100%;background:url(../images/qsmyuan1.png) center no-repeat}
.fivepart .contain:after{content:"";width:39.125rem;height:36.25rem;display:block;position:absolute;left:28%;top:17%;background:url(../images/qsmyuan2.png) right center no-repeat;background-size:100%;animation-name:myAnimation;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes myAnimation{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

/* ================== 【 nyabout 】  ==================*/
/*内页banner*/
.nyaboutbanner .lead {font-size: 1.5rem;font-weight: 300; }
.nyaboutbanner .container{/*margin:6rem  auto ;*/position:relative;height:100%}
.nyaboutbanner .just-a-box {width:10rem;height: 10rem;margin: 1em;}
.nyaboutbanner .in-progress{--pwd: var(--wave-diameter, 10rem);--pwb: var(--wave-thickness, 2px);--pwt: var(--wave-duration, 1.2s);top:16%;right:-3.5rem; position: absolute;z-index: 1;}
@keyframes progresswave{
from{border:var(--pwb) #8d2c2e solid;
width:calc(var(--pwb) * 2);height:calc(var(--pwb) * 2);border-radius:calc(var(--pwb) * 2)}to{border:var(--pwb) transparent solid;width:var(--pwd);height:var(--pwd);border-radius:var(--pwd)}}
.nyaboutbanner .in-progress::after , .nyaboutbanner .in-progress::before{content:"";display:block;position:absolute;box-sizing:border-box;left:0;right:0;bottom:0;top:0;margin:auto;animation:var(--pwt) linear infinite progresswave}
.nyaboutbanner .in-progress::after{animation-delay:calc(var(--pwt)/ 2)}
.nyaboutbanner .nr{position:absolute;right:0}
.nyaboutbanner span{color:#fff;font-size:1.5rem;line-height:4;text-align: right;padding-top:43%;z-index: 22;display: block;position: relative;}
.nyaboutbanner h6{color: #fff;font-size: 3rem;line-height: 1.4;font-weight: 400;}
.nyaboutbanner .idot{width:3rem;height:3rem;background:#fff;border:13px solid #8d2c2e;border-radius:100%;position:relative;top:36%;left:36%;z-index:2}
/*竖线进度*/
.nyaboutbanner .line{height:63%;-moz-animation:line 2s ease-out;-webkit-animation:line 3s ease-out}
@-moz-keyframes line{0%{height:0}100%{height:100%}}
@-webkit-keyframes line{0%{height:0}100%{height:100%}}
.nyaboutbanner .abline{margin-bottom:0;background:rgb(255 255 255 / 0%);height:11rem;width:1px;border-radius:3px;overflow:hidden;position:absolute;right:0;bottom:16%}
.nyaboutbanner .expand{height:100%;margin:2px 0;background:#fff;position:absolute;width:2px}
.nyaboutbanner .abjt{display: block; width: 1.125rem;height: 0.75rem;right: -0.5rem;bottom: 11%; position: absolute; object-fit: contain;}
.about_1 {padding-bottom: 7rem;}
.about_1 .fx{ align-items: flex-start!important }
.about_1 .content {margin: 0rem auto 0;}
.about_1 .left{ width: 35%;}
.about_1 .right{width: 65%; }
.about_1 .left h3{line-height:1.46666667em;color:#2f3038;text-align:left;font-size:2.125rem;font-weight:400}
.about_1 .left p{color:#999;display:block;line-height:1.33333333em;margin-top:3rem;position:relative;padding-left:3rem}
.about_1 .left p::after{position:absolute;left:0;content:"";width:2rem;height:1px;background:#163283;top:50%}
.about_1 .right p{font-size:1rem;line-height:2;color:#676b77}
/*企业文化*/
.about_2{height:35rem; overflow:hidden}
.about_2 ul li{margin-bottom:3rem;position:relative;  }
.about_2 ul li b{display:block;color:#fff;font-size:1.875rem;line-height:2.5;  }
.about_2 ul li p{display:block;color:#fff;font-size:1rem;}
.about_2 ul li img{display:block; width: 5.375rem; width: 5.375rem; object-fit: contain; position: absolute;left: -30%;top: 20%;}
.about_2 .contain{position:relative;height: 100%;padding:5rem 0;}
.about_2 .contain ul{position:absolute;right:0;}
.scrollbg{width: 100%; height:100%;background-image: url(../images/culturebg.jpg); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat;position: absolute;z-index: 0}
/*滚动的发展历程*/
.about_3{width:100%;position:relative;padding-top: 6.875rem;background:#fff}
.about_3 .bg{width:100%;height:100vh;position:sticky;position:-webkit-sticky;top:0}
.about_3 .bg img{width:100%;transform:translateY(-2rem)}
.about_3 .contain{position:relative;z-index:2;margin-top:-100vh;padding:.76rem 0 .6rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.about_3 .contain .left{width:35%;position:sticky;position:-webkit-sticky;z-index:1;top:16rem}
.about_3 .contain .left .tzz{width:100%;position:absolute;top:0;left:0;z-index:2;overflow:hidden}
.about_3 .contain .left .tzz span{width:100%;height:1.46666667em;display:block;}
.about_3 .contain .left .tzz.on span{transform:translateX(101%)}
.about_3 .contain .left .tzz.on span:nth-child(1){transition:all 2s}
.about_3 .contain .left .tzz.on span:nth-child(2){transition:all 2s .1s}
.about_3 .contain .left .tzz.on span:nth-child(3){transition:all 2s .2s}
.about_3 .contain .left .tzz.on span:nth-child(4){transition:all 2s .3s}
.about_3 .contain .left .title{line-height:1.46666667em;color:#2f3038;text-align: left;font-size: 2.125rem;font-weight: 400;position:relative; }
.about_3 .contain .left .title span{display:block;white-space:nowrap}
.about_3 .contain .left .txt{color:#999;line-height:1.33333333em;margin-top:3rem;position: relative;padding-left: 3rem;}
.about_3 .contain .left .txt::after{position: absolute; left: 0; content: ""; width: 2rem;height: 1px; background: #163283;top: 50%;}
.about_3 .contain .right{width:65%;padding-top:.17rem}
.about_3 .contain .right ul{width:100%;display:flex;flex-wrap:wrap}
.about_3 .contain .right ul li{width:45%;border:1px solid #eaeaea;border-radius:.15rem;padding:1rem 2rem 3rem 2rem;margin:0rem 3rem 5rem 1rem;background:#fff;border-radius:10px}
.about_3 .contain .right ul li:nth-child(2n){margin-top:1rem;margin-bottom:4rem;margin-right:0;transform: translate3d(0px, 73.8658px, 0px)}
.about_3 .contain .right ul li .t1{display:block;position:relative;margin:3rem 0 2rem 0;line-height:1.5em;font-size:2.25rem;color:#163283;font-family:arial;font-weight:600}
.about_3 .contain .right ul li .t1::after{position:absolute;left:-2.15rem;content:"";width:4px;height:2rem;background:#163283;top:17%}
.about_3 .contain .right ul li .txt{color:#999;line-height:1.5em;margin:2rem 0}
.about_3 li .txt span{color:#71727a;line-height:1.5em;font-size:1rem}
/* ================== 【 40th  】  ==================*/
/*40th 周年*/
.fortieth_1 .left,.fortieth_2 .right{width:31%}
.fortieth_1 .right,.fortieth_2 .left{width:60%;position:relative}
.fortieth_1 .right p,.fortieth_2 .left p{color:#676b77;font-size:1rem;line-height:2;margin:4rem 0}
.fortieth_1 .img1,.fortieth_2 .img1{display:block;width:10rem;height:5rem}
.fortieth_1 span,.fortieth_2 span{display:block;line-height:3;color:#222;font-size:1.875rem}
.fortieth_1 .img1,.fortieth_2 .img1{display:block;width:17.6875rem;height:1.875rem;position:absolute;right:0}
.fortieth_1 .img2,.fortieth_2 .img2{display:block;width:7.5625rem;height:2.4375rem;position:absolute;right:0}
.fortieth_1 .line,.fortieth_2 .line{width:65%;height:1px;background:#e0e1e4;margin:.5rem 0 0 0}
/*2*/
.fortieth_2{background:url(../images/jy_back.jpg) center  center no-repeat;padding:6.875rem 0; margin:6.875rem 0;   }
.fortieth_2 .right{width:31%;}
/*3*/
.fortieth_3 h6{color:#222;font-size:1.8756rem;text-align:center;display:block;font-weight:400;margin-bottom:3.75rem; }
.fortieth_3 .tempWrap{width:100%; }
.fortieth_3 .picMarquee-left , .fortieth_3 .picMarquee-left-1{ overflow:hidden; position:relative;}
.fortieth_3 .picMarquee-left .bd , .fortieth_3 .picMarquee-left-1 .bd { padding:10px; width:100%;}
.fortieth_3 .picMarquee-left .bd ul , .fortieth_3 .picMarquee-left-1 .bd ul { overflow:hidden; zoom:1; }
.fortieth_3 .picMarquee-left .bd ul li , .fortieth_3 .picMarquee-left-1 .bd ul li {margin:0 8px; float:left; _display:inline;overflow:hidden;text-align:center;  }
.fortieth_3 .picMarquee-left .bd ul li img , .fortieth_3 .picMarquee-left-1 .bd ul li img{display:block;width:35rem;height:20.625rem;object-fit:cover}
/* ================== 【 nyduty 】  ==================*/
.nydutybanner .nr{padding-top:10%}
.nydutybanner .img1{display:block;width:31.375rem;height:8.5rem;margin:0 auto; }
.nydutybanner span{display: block; text-align: center;line-height: 4;font-weight: 200;font-size: 1.875rem;color: #fff;letter-spacing: 1rem; }
.nydutybanner p{ font-size:3.75rem; letter-spacing: 1rem;text-align: center; font-weight: 200;color: #fff;}
.nydutyslide{width:100%;position:relative}
.nydutyslide .hd{position:absolute;z-index:99;width:100%;height:100%}
.nydutyslide .hd ul{width:100%;height:100%}
.nydutyslide .hd ul li{float:left;cursor:pointer;width:33.3%;height:100%;text-align:center}
.nydutyslide .hd ul li{float:left;cursor:pointer;border-right:1px solid rgb(235 235 235 / 33%)}
.nydutyslide .hd ul li:last-child{border-right:none}
.nydutyslide .hd ul li.on{height:100%;background:rgb(0 0 0 / 25%)}
.nydutyslide .hd li p{display:none}
.nydutyslide .hd ul li b{font-size:1.875rem;color:#fff;display:block;padding-top:65%}
.nydutyslide .hd li.on p{display:block;transition:all 0.3s ease-out;color:#fff;line-height:1.8;display:block;padding:0 12%;text-align:left;margin:2rem 0}
.nydutyslide .bd ul{zoom:1}
.nydutyslide .hd li.on b{padding-top:50%}
/* ================== 【 nyjob 】  ==================*/
.nyjobbanner{padding:3% 0 0 0;width:100%;background-size:cover;}
.nyjobbanner .nr{ background: url(../images/job_3.png) center center no-repeat;width:20%;height:42.625rem;margin: 0 auto;background-size:contain;}
.nyjobbanner .img1{display:block;width:5.375rem;height:11.75rem;margin:0 auto}
.nyjobbanner .wz span{display:block;margin:0 auto;font-weight:200;font-size:1.875rem;color:#fff;writing-mode:tb-rl;letter-spacing:1rem}
.nyjobbanner .wz:nth-of-type(2){padding-top:8rem}
.nyjobbanner .wz{width:30%}
.nyjobbanner .wz:nth-of-type(1){margin-left:22%}
.nyjobpage .part b,.nyjobpage .part2 b{display:block;font-size:2.5rem;color:#2f3038;line-height:.9;border-left:6px solid #093389;padding-left:2rem;margin-bottom:5.5rem}
.nyjobpage .part{padding-bottom:6.25rem;align-items: flex-start;}
.nyjobpage .part span,.nyjobpage .part2 span{display:block;color:#093389;font-size:1.5rem;line-height:1;padding-bottom:1.5rem}
.nyjobpage .part p,.nyjobpage .part2 p{display:block;color:#676b77;font-size:1rem;line-height:2}
.nyjobpage .part p:first-of-type,.nyjobpage .part2 p:first-of-type{padding-bottom:3rem}
.nyjobpage .part2{background:#f8f9fb;padding:6.25rem 0 0 0}
.nyjobpage .part2 .fx{align-items: flex-start;}
.nyjobcontactus{background:url(../images/job_6.jpg) center center no-repeat;padding:6.25rem 0;background-size: cover;}
.nyjobcontactus .content{background:0 0}
.wrapper .nyjobcontactus .content{background:0 0;margin:0 auto 0;padding:0 0 8% 0}
.wrapper .nyjobcontactus p{color:#2f3038}
.wrapper .nyjobcontactus .index_public_btn_text{color:#333}
.wrapper .nyjobcontactus .index_public_btn_icon{background:#083388}
.wrapper .nyjobcontactus .index_public_btn_svg svg{fill:#fff}
.wrapper .nyjobcontactus .index_public_button:after{background:#fff}
.nyjobpage{padding:7rem 0 0 0}
.nyjobpage .left{width:45%}
.nyjobpage .right{width:50%}
/* ================== 【 nyxmjc 】  ==================*/
/*石油化工*/
.nyxmjcbanner{height:48.5rem; margin-top: 5.2083vw;position:relative}
.nyxmjcbanner .ceng{position:absolute;height:100%;width:100%;bottom:0;background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 20% , rgb(255 255 255 / 0%) 73% , rgb(22 50 131 / 43%) 83%);}
.nyxmjcbanner ul{/*width:100%;bottom:0;position:absolute;left: 0;*/width:100%;bottom:0;position:absolute;left:50%;max-width:1400px;left:50%;transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);bottom: -6.5%;}
.nyxmjcbanner li{width:15%;text-align: center;position:relative}
.nyxmjcbanner li a{font-size: 1.25rem;color: #fff;line-height: 5; display: inline-block;width: 100%;padding: 0 5%;}
.nyxmjcbanner li.hover , .nyxmjcbanner li:hover{background:#163283;transition:all 0.3s ease-out}
.nyxmjcbanner li.hover:after , .nyxmjcbanner li:hover:after  {position:absolute;width:100%;height:3rem;background:url(../images/xmjc_1.png)   #163283 center center no-repeat;content:"";left: 0;top: 100%;transition:all 0.3s ease-out}
.nyxmjcpage h6{color:#222;font-size:2.25rem;line-height:2;font-weight:400;padding-bottom: 3rem;}
.nyxmjcpage .cjtit{/*padding-bottom:3rem*/}
.nyxmjcpage .cjtit .right ul li{position:relative;padding-right: 3rem;}
.nyxmjcpage .cjtit .right ul li p{font-size:1rem;color:#3b3c44;padding-left: 1.5rem;}
.nyxmjcpage .cjtit .right ul li:after{width:1.1875rem;height:1.0625rem;  position:absolute;left:0;top:10%;content:"";background:url(../images/idot1.png) center center no-repeat;background-size: 1.1875rem 1.0625rem;}
.nyxmjcpage .cjtit .right ul li:last-child{padding-right:0rem;}
.nyxmjcpage .desc p {line-height:2;font-size:1rem;color:#676b77;/*padding:1.5rem 0*/}
/*项目汇总文字*/
.nyxmjcpage .casenamelist{background:url(../images/caseimgbg.jpg) center center no-repeat;padding:6rem 0;margin:3rem 0 0 0;height: 100vh;background-size: cover;}
.nyxmjcpage .casenamelist h6{display:block;text-align: left; color: #fff;line-height: 2; font-size: 2.25rem;font-weight: 400;padding-bottom: 3rem;}
.nyxmjcpage .casenamelist li{color:#fff;line-height:2;font-size:1rem;}
.nyxmjcpage .casenamelist ul{display:flex;flex-direction:column;width: 33.3%;float: left;}
.nyxmjcpage .casenamelist .part:first-of-type{border-bottom: 1px solid rgb(255 255 255 / 19%);padding-bottom: 4rem;}
.nyxmjcpage .casenamelist .part:last-of-type{ padding-top: 4rem;}
/*项目汇总文字版块2*/
.casenamelist3{height:auto!important;padding:0rem 0 3rem 0!important;}
.nyxmjcpage .casenamelist .part:first-of-type { border-bottom:none}
/*图片显示*/
.layout {width:calc(100% - 160px); margin:0 auto;position:relative;}
.case-page01{padding:6.25rem 0}
.case-page01 .tab{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;height:50px;display:none}
.case-page01 .tab h3{font-size:18px;color:#5f6061;font-family:museo-light!important;text-transform:uppercase;margin-left:0}
.case-page01 .tab .link{display:flex}
.case-page01 .tab .link a{position:relative;font-size:14px;color:#888889;transition:all .3s;font-family:Microsoft Yahei,Helvetica,STHeitiSC-Light,Arial,sans-serif;margin-right:20px}
.case-page01 .tab .link a::before{content:'';display:block;width:0;height:1px;background-color:#000;position:absolute;left:50%;bottom:1px;transform:translateX(-50%)}
.case-page01 .tab .link a.active{color:#000;font-size:16px}
.case-page01 .tab .link a.active::before{width:100%}
.case-page01 .tab .link a:nth-of-type(1){font-family:museo-light!important}
.case-page01 .tab .link a:nth-child(n+3){display:none}
.case-page01 .tab .link a:last-of-type{margin-right:0}
.case-page01 .list{display:flex;flex-wrap:wrap;  }
.case-page01 .loading{display:table;margin:0 auto;margin-top:30px;font-size:0}
.case-page01 .loading img{width:3vw;animation:zoomIn 1.2s linear infinite;margin:0 auto;display:block}
.case-page01 .loading.hide{font-size:16px}
.case-page01 .loading.hide1{font-size:16px}
.case-page01 .loading.hide img{opacity:0}
@keyframes zoomIn{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.case-page01 .list .item{display:block;width:32%;overflow:hidden;position:relative;margin-bottom:2%;margin-right:1.5%}
.case-page01 .list .item:nth-of-type(3n){margin-right:0}
.case-page01 .list .item img{display:block;width:100%;transition:all .3s}
.h1{font-size:40px}
.maxwidth{width:90%;margin:0 auto}
.cases-details-title{border-bottom:1px solid #e9e9e9}
.cases-details-title>.c-flex{align-items:flex-end}
.cases-details-title .main{width:calc(100% - 400px);max-width:860px}
.cases-details-title .title{line-height:1.4;color:#2b2b2b}
.cases-details-title .content{margin-top:28px;line-height:1.7}
.cases-details-title .link{width:120px;height:120px;border:2px solid #999;display:flex;justify-content:center;align-items:center;margin-left:20px;color:#333;transition:color .4s,background-color .4s,border-color .4s}
.cases-details-title .link.en{font-weight:700;font-family:futurademic}
.cases-details-title .link.active{color:#fff;background:#000;border-color:#000}
.cases-details-title .link.active .icon{color:#fff}
.cases-details-title .icon{width:32px;height:32px;color:#000;display:block;margin:0 auto 4px;transition:color .4s}
.cases-details-title .more{margin-left:auto;display:none}
.cases-details-content img{max-width:100%;display:block;margin:0 auto}
.case-list .main{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#ed263b;opacity:0;transition:opacity .7s;color:#fff}
.case-list .tags{position:absolute;left:28px;top:20px;z-index:0;line-height:1}
.case-list .arrow{position:absolute;right:8%;bottom:3%;z-index:0;width:48px;height:48px;color:#fff}
.case-list .icon{width:100%;height:100%;transform:rotateY(180deg)}
.case-list .box{padding:20px 4%;width:100%;text-align:center;position:relative;z-index:1}
.case-list .box:after,.case-list .box:before{content:"";position:absolute;left:50%;width:28px;height:1px;background-color:#fff;margin-left:-14px;top:0}
.case-list .box:after{top:auto;bottom:0}
.case-list .title{font-size:24px;margin-bottom:6px}
.case-list .content{font-size:18px}
.case-list .main{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background-color:#ed263b;opacity:0;transition:opacity .7s;color:#fff}
.case-list .tags{position:absolute;left:28px;top:20px;z-index:0;line-height:1}
.case-list .arrow{position:absolute;right:8%;bottom:3%;z-index:0;width:48px;height:48px;color:#fff}
.case-list .icon{width:100%;height:100%;transform:rotateY(180deg)}
.case-list .box{padding:20px 4%;width:100%;text-align:center;position:relative;z-index:1}
.case-list .box:after,.case-list .box:before{content:"";position:absolute;left:50%;width:28px;height:1px;background-color:#fff;margin-left:-14px;top:0}
.case-list .box:after{top:auto;bottom:0}
.case-list .title{font-size:24px;margin-bottom:14px}
.case-list .content{font-size:18px}
.case-nav .item{line-height:1.8;margin-right:24px}
.case-nav .item:last-of-type{margin-right:0}
.case-nav .item.active{color:#ed263b}
.case-page01 .index-page-header{padding-left:0}
.index_about_content .sjimg{display:none}
.sjbnner2{display:none}
/*2024-7-26新增资质证书栏目*/
.image-container{position:relative;display:inline-block;cursor:pointer;margin-right:2%;width:23%;border:1px solid #ddd;padding:0.8rem;margin-bottom: 2%;}.image-container img{display:block;width:100%;height:auto}
.zoomed-image{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:999999999;text-align:center}
.zoomed-image img{max-width:90%;max-height:90%;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.zzzspage{background: #f6f6f9;padding:6.875rem 0;}
.zzzswrapper{padding: 5.2083vw 0 0 0;}
.image-container:nth-child(4n){margin-right:0}
.zzzspage p{display:block;text-align:center;line-height:3;background-color:#fff;font-size:0.83333vw;border-top: 1px solid #f5f5f5;}

@media only screen and (min-width:961px){
.case-list .item:hover .img{transform:scale(1.1)}
.case-list .item:hover .main{opacity:1;transition-delay:.3s}
.case-list .item:hover .arrow{-webkit-animation:jt-anmi 1s linear infinite;animation:jt-anmi 1s linear infinite}
}
@media only screen and (max-width:1440px){
.case-list .tags{top:18px;left:22px;font-size:14px}
.case-list .arrow{width:36px;height:36px;right:6%;bottom:4%}
.case-list .title{font-size:20px;margin-bottom:10px}
.case-list .content{font-size:14px}
}

@media only screen and (max-width:960px){
.case-list .item{width:50%}
}

@media only screen and (max-width:640px){
.case-list .item{width:100%}
}

@-webkit-keyframes jt-anmi{0%{transform:translateX(0)}
50%{transform:translateX(-32px)}
to{transform:translateX(0)}
}
@keyframes jt-anmi{0%{transform:translateX(0)}
50%{transform:translateX(-32px)}
to{transform:translateX(0)}
}
@media only screen and (min-width:961px){
.cases-details-title .link:hover{color:#fff;background:#000;border-color:#000}
.cases-details-title .link:hover .icon{color:#fff}
}

@media only screen and (max-width:1700px){
.prolistcontact a {width: 19%;}
.nyprowrapper .slick-prev { left: -6%;}
.nyprowrapper .slick-next {right: -6%;}
.ytdllist .slick-prev { left: 44%!important;}
.ytdllist .slick-next {right: 44%!important;}
.ytdllist .slick-slide img {;height: 31.5rem;}
.ytdllist .item { height: 31.5rem;}
.ytdllist .slick-dots { margin: 0rem auto 0;}
.ytdllist {padding:7rem 0 8rem 0;}

}   
 
@media only screen and (max-width:1600px){  
.ytdpage .des li:nth-child(1) {padding-top: 0.5%;}
.ytdpage .des li:nth-child(2) {padding-top: 1%;}
.ytdpage .des li:nth-child(3) {padding-top: 0%;margin-top:-1%;}
.ytdpage .des li:nth-child(4) {margin-top: -10%;}
.ytdpage .des li:nth-child(1) p::after {top: 30%;}
.ytdpage .des li:nth-child(2) p::after {top: 43%;}
.ytdpage .des li:nth-child(3) p::after {top: 40%;}
.ytdpage .des li:nth-child(4) p::after {top: 38%;}
    
} 
   
   
 
@media only screen and (max-width:1500px){   
.contain {max-width:100%;width:90%;margin:0 auto}
.fivepart .contain:before {left:-4%;}
.fivepart .contain:after {left:25%;}



}  





   
@media only screen and (max-width:1400px){   
.fivepart .contain:after {left:37%;}
.contain , .content , .container{max-width:100%;width:90%;margin:0 auto}
.fivepart .contain:before { left: -10%; background-size: contain;}
.fivepart .contain:after {left: 30%;}
.hbtllist .productPage .slick-prev { left: -5%;}
.nyprowrapper .slick-next {right: -5%;} 
.nyxmjcbanner ul {max-width: 100%; width: 90%;}
.ytdpage .des li:nth-child(1) {padding-top: 0.5%;margin-top:2%;}
.ytdpage .des li:nth-child(2) {padding-top: 1%;margin-top:3%;}
.ytdpage .des li:nth-child(3) {padding-top: 0%;margin-top:1.8%;}
.ytdpage .des li:nth-child(4) {margin-top: -7.8%;}
.ytdpage .des li:nth-child(1) p::after {top: 30%;}
.ytdpage .des li:nth-child(2) p::after {top: 43%;}
.ytdpage .des li:nth-child(3) p::after {top: 40%;}
.ytdpage .des li:nth-child(4) p::after {top: 38%;}
.fivepart .contain:before {width: 100%;left:0;top:0;bottom:0;background-size:contain!important;}
.nyaboutbanner .nr {right: 3%;}
.ibus-j2 {left: 62%;}


}   
    

@media only screen and (max-width:1200px){
.cases-details-title .main{width:calc(100% - 340px)}
}
@media only screen and (max-width:960px){
.cases-details-title .main{width:100%;margin-bottom:16px}
.cases-details-title .content{margin-top:12px}
.cases-details-title .link{width:100px;height:40px;margin-top:15px}
.cases-details-title .link.active{font-weight:400}
.cases-details-title .icon{display:none}
.case-page01 .loading img{width:36px}
}

.case-page01  p{color:#3b3c44;font-size:1.125rem;line-height:3;text-align:center}
.case-page01 .list .item img{height:18.75rem;display:block;width:100%;object-fit:cover}

@media (max-width:1100px){
.about_3 .container .left{width:100%;position:relative;top:initial}
.about_3 .container .left .txt{margin-top:.6rem}
.about_3 .container .right{width:100%;margin-top:.6rem}
.about_3 .container .right ul li{width:calc(50% - .5rem);margin:0 .25rem .6rem}
.about_3 .container .right ul{width:calc(100% + .5rem);margin:0 -.25rem}
}

@media (max-width:991px){
.about_3 .container .left .txt{display:none}
.about_3 .bg img{transform:translateY(1.5rem)}
}

.mobile-menu{display:none}

@media (max-width:767px){
/* ==================  头部 ================== */
.pcbnner2{display:none}
.sjbnner2{display:block}
.index_banner_tips{opacity:1}
.index_banner_title{opacity:1}
.index_banner_text{opacity:1}
.header_nav_btn{display:block}
.header_logo_box a{width:56%;height:3.75rem}
.header_logo_box img{display:block;object-fit:contain}
.nybanner{height:30rem;background-size:cover!important}
.wrapper .content{margin:3rem auto 0;width:100%;padding:0 5%!important}
.wrapper .nycontact .txtcon ul li{width:100%}
.txtcon ul{flex-wrap:wrap}
.wrapper{padding:3rem 0}
.wrapper .nycontact .txtcon h6{font-size:1.5rem}
.wrapper .nycontact .txtcon span{color:#163283;font-size:1rem}
.wrapper .nycontact .txtcon ul li{font-size:1rem;padding-left:0rem;width:100%;background-size:1.5rem 1.3125rem}
/* ==================  footer ================== */
.footer_nav_box{width:100%;flex-wrap:wrap}
.footer_wrap .part1{border-right:1px solid #494949;padding-right:5%;height:auto;width:100%}
.footer_wrap .part1 span{line-height:1.8;font-size:.875rem}
.footer_wrap .part1 b{font-size:1rem;line-height:2}
.footer_wrap .part1 p{font-size:1rem;background-size: 0.9375rem 0.9375rem;}
.footer_wrap .part1:last-of-type,.footer_wrap .part1:nth-of-type(2){padding:5% 0}
.footer_wrap .part1{border-bottom:1px solid #494949;padding-bottom:5%;height:auto;width:100%;border-right:none}
.footer_ewm_box{width:8rem;margin:1rem 0}
.footer_ewm_title{font-size:1rem;line-height:1.5}
.footer_tel_text{font-size:.875rem;line-height:1}
.footer_tel_link a{font-size:1rem;line-height:2}
.footer_bq_text,.footer_bq_text a{text-align:left;font-size:1rem;line-height:1}
.footer_bq_text,.footer_bq_text a{text-align:left;font-size:.875rem;line-height:1.3}
/* ==================  联系我们 ================== */
.wrapper .nycontact .txtcon ul li p{font-size:1rem}
.wrapper .contactus p{text-align:center;line-height:1.8;font-size:1rem}
.index_public_button{width:30%;height:2rem;padding:0}
.index_public_btn_icon{width:1.8rem;height:1.8rem}
.index_public_btn_read{width:calc(100% - 1.8rem)}
.wrapper .contactus .index_public_btn_text{color:#fff;line-height:1;font-size:1rem}
.wrapper .contactus .index_about_button{margin-bottom:2.6041666vw}
/* ==================  新闻中心 ================== */
.recnewslist .left{width:100%}
.recnewslist .right{width:100%}
.recnewslist .right .tit{font-size:1rem;line-height:1.3}
.recnewslist .left img{height:15rem}
.recnewslist .left .tit{font-size:1.125rem}
.recnewslist .nr{flex-wrap:wrap}
.recnewslist .left{width:90%;position:relative;margin:0 auto 2rem}
.recnewslist{background:#f6f6f9;padding:6rem 0 3rem 0;display: none;}
.bottomlist li{flex-wrap:wrap;padding:2rem 0}
.bottomlist li .img{height:14.75rem;width:90%;margin:0 auto}
.bottomlist .right{width:100%;padding:0 5%}
.bottomlist li .more{width:42%}
.bottomlist { padding: 3rem 0;}
.wrapper .des{padding:3rem 0}
.wrapper .title{font-size:1.25rem}
.wrapper .mark span:first-of-type{padding-left:6.5%}
.wrapper .mark span:last-of-type{padding-left:6.5%}
.reLink .content{flex-wrap:wrap}
.reLink .right a{font-size:1rem}
.reLink .nextLink,.reLink .prevLink{width:100%}
.reLink .nextLink a,.reLink .prevLink a{width:83%}
.reLink .right{width:40%;padding-left:5%;margin:1rem auto 0}
.reLink .left{width:100%}
.reLink .prevLink{width:100%;margin:1rem 0 0 0}
.wrapper .showContxt{padding:1rem 0}
.detailcontent{max-width:100%;width:90%;margin:0 auto}
/* ==================  关于我们 ================== */
.about_3 .container .right ul{width:100%;margin:0}
.about_3 .container .right ul li:nth-child(2n){margin:0 0 .6rem}  
.about_3 .container .right ul li .t1{margin-top:.5rem}
.about_3 .container .right ul li{width:100%;margin:0 0 .6rem}
.nyxmjcpage .cjtit{flex-wrap:wrap}
.nyxmjcpage .cjtit .right .fx{flex-wrap:wrap}
.nyxmjcpage .cjtit .right ul li{width:50%;padding-bottom:1rem}
.nyxmjcpage .cjtit .right ul li:nth-child(2){padding-right:0}
.nyxmjcpage h6{font-size:1.5rem;padding-bottom: 1rem;}
.contain{max-width:100%;margin:0 auto;width:90%}
.nyxmjcpage .casenamelist ul{display:flex;flex-direction:column;width:100%}
.nyxmjcpage .casenamelist{padding:3rem 0;background-size:cover;height: 100%;}
.nyxmjcpage .casenamelist h6{font-size:1.5rem;padding-bottom: 1rem;}
.nyxmjcpage .casenamelist .part:first-of-type{padding-bottom:2rem}
.nyxmjcpage .casenamelist .part:last-of-type{padding-top:2rem}
.nyxmjcpage .cjtit{padding-bottom:0}
.layout{width:100%}
.case-page01 .list .item img{height:8.75rem}
.case-page01 .list .item{width:48%}
.case-page01 .list .item:nth-of-type(2n){display:block;width:48%;overflow:hidden;position:relative;margin-bottom:2%;margin-right:0}
.case-page01 .list .item:nth-of-type(3n){margin-right:1.5%}
.nyxmjcbanner li a{font-size:1rem}
.nyxmjcbanner li{width:20%}
.nyxmjcbanner li.hover:after, .nyxmjcbanner li:hover:after{height:1rem;background:url(../images/xmjc_1.png) #163283 bottom 100% center no-repeat;}
.nyxmjcbanner ul {width:100%;max-width:100%;bottom:-10.5%;}
.nycontactbanner{height: 16rem!important;}
/* ==================  手机端头部 ================== */
.nyheader { height: 4rem;height: 5.2083vw;opacity: 1; position: fixed;box-shadow: 1px 2px 4px rgb(204 204 204 / 45%);width: 100%; z-index: 9999999;top: 0;background: #fff;}
.header_nav_wrap{display:none; }
.menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem}
.menu-item.open img{transform:rotate(90deg)}
.mobile-menu{position:fixed;width:100%;z-index:999;top:0;display: block;}
.menu-icon{position:fixed;top:2.5%;right:5%;display:flex;flex-direction:column;justify-content:space-between;width:2.2rem;height:1.3rem;cursor:pointer;z-index:99}
.menu-icon span{display:block;width:2.2rem;height:3px;background-color:#fff;margin-bottom:5px}
.menu-list{text-align:center;z-index:1;transition:opacity .3s;padding-top:15%;display:none}
.menu-list.open{display:block}
.menu-item .menu-iconimg-1{display:inline-block;width:1rem;height:1rem;background:url(../images/rightjt.png) left center no-repeat;background-repeat:no-repeat;background-position:center;transition:transform .3s;position:absolute;right:11%;top:35%}
.menu-item .menu-iconimg-1.rotate{background:url(../images/rightjh.png) left center no-repeat;width:1rem;height:1rem;background-size:contain}
.submenu-list{display:none}
.submenu-list.open{display:block}
.menu-item{text-align:center;position:relative}
.menu-item>a{font-size:1.125rem;color:#333;line-height:3;display:block;width:100%;position:relative;border-bottom:1px solid #f7f7f7}
.submenu-list{display:none}
.menu-item.open .submenu-list{display:block}
.close-menu{position:absolute;top:10px;right:5%;width:30px;height:30px;cursor:pointer;z-index:9999}
.close-menu:after,.close-menu:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#000;transform:translate(-50%,-50%) rotate(45deg)}
.submenu-list li a{display:block;line-height:2.5;font-size:1rem}
.submenu-list li a:hover{color:#163285;transform:translateX(0)}
.menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem}
.menu-item.open img{transform:rotate(90deg)}
.header_wrap2 .menu-icon span{background-color:#333}
.mlink a{font-size:1.125rem;color:#333}
.mlink{border-bottom:1px solid rgb(247 247 247 / 90%);position:relative;padding:1rem 0}
.mobile-menu.open .menu-icon span{background-color:#163285}
.mobile-menu .menu-icon{position:absolute;top:20px;right:20px;cursor:pointer;z-index:2}
.mobile-menu .menu-icon span{display:block;width:2.2rem;height:2px;background-color: #163285;margin-bottom:3px;transition:transform .3s;opacity:1}
.mobile-menu.open span:first-of-type{transform:rotate(45deg) translate(7px,7px)}
.mobile-menu.open span:nth-child(2){opacity:0}
.mobile-menu.open span:last-of-type{transform:rotate(-45deg) translate(2px,-2px)}
.mobile-menu.open{position:fixed;width:100%;z-index: 999;height:100%;top:0;background:#fff}
.header_message_item{margin:0 auto;width:100%}
.header_message_ul{flex-wrap:wrap!important}
.close-menu:after{transform:translate(-50%,-50%) rotate(-45deg)}.
/* ==================  内页 ================== */
.nyaboutbanner .container{margin:4rem auto}
.nyaboutbanner h6{font-size:1.5rem}
.nyjobbanner{padding:2rem 0 0 0}
.nyjobbanner{height:32rem;background-size:cover!important}
.nyjobpage .part{flex-wrap:wrap}
.nyjobpage .part b,.nyjobpage .part2 b{font-size:1.5rem;padding-left:1rem;margin-bottom:2rem}
.nyjobpage .part span,.nyjobpage .part2 span{font-size:1.2rem;padding-bottom:1rem}
.nyjobpage .part2 .fx{flex-wrap:wrap}
.nyjobpage .part2 .right{margin-bottom:1.5rem}
.nyjobpage .part .left{width:100%}
.nyjobpage .part .right{width:100%}
.nyjobpage .part2 .left{width:100%}
.nyjobpage .part2 .right{width:100%}
.nyjobbanner .wz{width:50%}
.nyjobbanner .nr{background-size:100% 100%;height:27rem;margin:0 auto;margin:0 auto;width:30%}
.nyjobbanner .img1{display:block;width:3rem;height:7rem;margin:0 auto;background-size:contain}
.nyjobbanner .wz span{font-size:1rem}
.nyjobcontactus{padding:4.25rem 0;background-size:cover}
.nyjobpage{padding:3rem 0 0 0}
.nyjobpage .part2{padding:3rem 0 0 0}
.nyjobpage .part{padding-bottom:3rem}
/* ==================  关于云湖 ================== */
.nyaboutbanner{height:20rem}
.nyaboutbanner .container{margin:0 auto}
.ytdpeculiarity .content{max-width:100%;margin:0 auto;width:100%;padding:0 5%!important}
.about_1 .fx{flex-wrap:wrap}
.about_1 .left{width:100%}
.about_1 .right{width:100%}
.nyaboutbanner .abline{display:none}
.nyaboutbanner .nr{right:4%}
.about_2 ul li img{width:3.375rem;left:-13%}
.about_2 ul li b{font-size:1.5rem;line-height:2}
.about_2 ul li b{text-indent:1.5rem}
.about_2 ul li p{text-indent:1.5rem}
.about_2 ul li{margin-bottom:2rem}
.about_2{height:27rem}
.about_2 .contain{padding:3rem 0;width:70%}
.about_1 .left h3{font-size:1.875em}
.about_1 .left p{margin-top:1rem;margin-bottom:2rem}
.about_3 .contain .right{width:100%}
.about_3 .contain .left{width:100%;position:unset}
.about_3{width:100%;position:relative;padding-top:3rem}
.about_3 .contain .right ul li{margin:0 0 2rem 0;transform:translate3d(0,73.8658px,0);width:100%}
.about_3 .contain .right ul li:nth-child(2n){margin-top:0;margin-bottom:2rem}
.about_3 .contain .right ul li:last-child{margin-bottom:3rem}
.about_3 .contain .right ul li .t1{margin:0;font-size:2rem}
.about_3 .contain .right ul li .txt{margin:1rem 0}
.nyaboutbanner .in-progress{top:6%}
.about_3 .contain .left .title{font-size:1.875rem}
.about_3 .contain .left .txt{margin-top:1rem}
/*社会责任  */
/* ==================  新型环保材料 ================== */
.peculiarity .content{max-width:100%;width:100%;padding:0 5%}
.xxhbtlpage{height:26rem;background-position:left bottom!important}
.nybanner .columndes h3{line-height:2;font-size:1.875rem}
.nybanner .columndes p{line-height:1.5}
.xxhbtlpage .des em strong{font-size:1.5rem}
.nybanner .columndes{top:28%}
.nybanner .content{height:100%;width:90%}
.xxhbtlpage .des p::after{top:24%}
.xxhbtlpage .des p::before{height:1.1rem;left:3.5%;top:2.4rem}
.peculiarity{padding:3rem 0}
.peculiarity h6{font-size:1.875rem;padding-bottom:1.5rem}
.peculiarity li p{font-size:1.125rem}
.peculiarity li .img1{width:5.5rem;height:5.5rem}
.prolistcontact a{width:66%}
.hbtllist .productPage .slick-prev {left: -8%; top: 39%; width: 2.5rem;height: 2.5rem;}
.nyprowrapper .slick-next{right:26%;top:93%}
.hbtllist .productPage .content{margin:0 auto 0}
/* ==================  全生命周期 ================== */
.qsmzqlpage{height:30rem}
.qsmzqlpage h3{font-size:1.875rem!important;line-height:1.5!important;padding-left:4rem}
.qsmzqlpage h3{margin-bottom:2rem}
.qsmzqlpage .columndes{top:12%}
.qsmzqlpage .des b{font-size:1.125rem;padding-left:1rem}
.fivepart .part b{font-size:1.125rem}
.fivepart .part{width:45%}
.fivepart .part1 b{background:url(../images/qsm_icon1.png) no-repeat left 0 center;background-size:2rem 2rem}
.fivepart .part b{padding-left:2rem}
.fivepart .part2 b{background-size:2rem 2rem}
.fivepart p{text-align:left}
.fivepart .part b{text-align:left}
.fivepart .part3 b{background:url(../images/qsm_icon3.png) no-repeat left 0 center;background-size:2rem 2rem}
.fivepart .middleyuan em{font-size:4rem}
.fivepart .middleyuan span{font-size:1.875rem}
.fivepart .middleyuan p{font-size:1.125rem}
.fivepart .contain:after{width:30rem;height:30rem;left:-10%;top:17%}
.fivepart .middleyuan:after{width:15.25rem;height:15.5625rem;left:13%;top:0}
.fivepart .contain:before{background:0 0;height:auto}
.fivepart .part4{top:61%;right:-3%}
.fivepart{margin:3rem 0}
.fivepart .part5{top:89%}
.qsszqdes ul li{margin-right:1%;width:33%;height:auto}
.qsszqdes ul li img{margin:.5rem auto 0;width:4rem;height:4rem}
.qsszqdes{padding:5rem 0 11rem 0}
.qsszqdes ul li span{line-height:1.1;padding-bottom:1rem;width:70%;margin:0 auto}
.nyprowrapper .slick-prev{left: -8%;top: 49%;width: 2.5rem; height: 2.5rem;}
.nyprowrapper .slick-next {top: 100%;width: 2.5rem;height: 2.5rem;right: 32%!important;}
/* ==================  易涂盾 ================== */
.ytdpage span{font-size:1.125rem}
.ytdllist h6,.ytdpeculiarity h6{font-size:1.875rem;padding-bottom:1rem}
.ytdpeculiarity li .right{width:100%}
.ytdpeculiarity li .fx{flex-wrap:wrap}
.ytdpeculiarity{padding:3rem 0 0 0}
.ytdpeculiarity li .left{width:100%}
.ytdpeculiarity li .right{width:100%}
.ytdpeculiarity li{margin-bottom: 9%;width: 100%;}
.ytdllist .slick-slide img{height:15.5rem}
.ytdllist .item{height:17.5rem}
.ytdpeculiarity li .right p{width: 100%; line-height: 1.5;padding: 2% 0 3% 0;}
.ytdpeculiarity li .img1{width:6rem;height:6rem;object-fit:contain}
.ytdpeculiarity li .right b{font-size:1.125rem}
.ytdpeculiarity li em{right: 0;width: 2rem;height: 2rem; object-fit: contain;top: -100%;}
.ytdpeculiarity li .right b{line-height:2;text-indent:0rem;display:block;text-align:center;}
.ytdpeculiarity li:hover .img2{width:6rem;height:6rem;object-fit:contain}
.ytdpage .des li p::after{width:.4rem;height:.4rem;left:50%;top:14%}
.ytdpage .columndes p{line-height:1.2;font-size:1rem}
.ytdpage .des li{padding-top:8.5%}
.ytdpage .des li:nth-child(2){padding-top:4%}
.ytdpage .des li:nth-child(3){padding-top:4%;margin-top:-8%}
.ytdpage .des li:nth-child(4){padding-top:4%;margin-top:-26%}
.ytdpage .des li:nth-child(2) p{padding-top:30%}
.ytdpage .des li:nth-child(3) p{padding-top:30%}
.ytdpage .des li:nth-child(4) p{padding-top:30%}
.ytdpage .des li:nth-child(2) p::after{top:10%}
.ytdpage .des li:nth-child(3) p::after{top:1%}
.ytdpage .des li:nth-child(4) p::after{top:3%}
.ytdpage .des li p{padding-top:35%}
.hbtllist .productPage .slick-next{top:39%}
.nyprowrapper .slick-prev{left:32%!important;top:100%;width:2.5rem;height:2.5rem;}
.ytdpage .des li img { display: block; width: 6rem;}
.ytdpage .des li:nth-child(1){padding-top:6.5%;margin-top:2%;}
.ytdpage .des li:nth-child(1) p::after{top:17%;}
.ytdpage .des li:nth-child(2) p::after{top:4%;}
/*40th*/
.fortieth_1 .fx,.fortieth_2 .fx{flex-wrap:wrap}
.fortieth_1 .left,.fortieth_2 .left{width:100%}
.fortieth_1 .right,.fortieth_2 .right{width:100%}
.fortieth_3 .picMarquee-left .bd ul li img,.fortieth_3 .picMarquee-left-1 .bd ul li img{display:block;height:9.625rem}
.fortieth_1 .left img,.fortieth_2 .right img{height:15rem;display:block;object-fit:contain}
.fortieth_1 span,.fortieth_2 span{line-height:1.5}
.fortieth_1 .img1,.fortieth_2 .img1{display:block;width:17.6875rem;height:1.875rem;position:absolute;right:100%;top:12%;left:0}
.fortieth_2{padding:5rem 0;margin:0 0}
.fortieth_3 h6{font-size:1.25rem;margin-bottom:1.5rem}
.fortieth_1 .right p,.fortieth_2 .left p{margin:4rem 0 2rem 0}
.fortieth_3 .picMarquee-left .bd ul li,.fortieth_3 .picMarquee-left-1 .bd ul li{width:150px!important}
.nydutybanner p{font-size:1.875rem;line-height:2}
.nydutybanner p{font-size:1.125rem;letter-spacing:0}
.nydutybanner .nr img{display:block;height:4rem;object-fit:contain}
.nydutybanner .nr{padding-top:29%}
.nydutyslide .hd ul{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.nydutyslide .hd ul li{width:100%;height:100%}
.nydutybanner span{line-height:2}
.nydutybanner{height:22rem;background-size:cover!important}
.wrapper .nycontact .txtcon ul li em{font-size:1rem}
.nybanner{margin-top:4rem}
.nycontactwrapper .content{margin:0 auto 0}
.nyjobpage .part p:first-of-type, .nyjobpage .part2 p:first-of-type {padding-bottom: 1.5rem;}
.nydutyslide .hd ul li b {font-size: 1.25rem;}
.prolistcontact {padding-top: 1rem;}
.peculiarity li { width: 90%;margin: 0 auto 10%;}
.prolistcontact p {font-size: 1.25rem;}
/*鼠标部分导航栏去掉加号*/
.mobile-menu .menu-list li:nth-child(6) .menu-iconimg-1{display:none}
.mobile-menu .menu-list li:nth-child(3) .menu-iconimg-1{display:none}
.mobile-menu .menu-list li:nth-child(5) .menu-iconimg-1{display:none}
.mobile-menu .menu-list li:nth-child(7) .menu-iconimg-1{display:none}
.index_banner_tips {margin-top: -45%;}
.index_about_box .page_center{padding: 0 3.623188vw; margin-top: -47%;}
.index_about_content .sjimg{display:block}
.index_about_content .pcimg{display:none!important}
.index_about_max p {font-size: 1rem;line-height: 1.6;}
.index_about_content .iconlist{flex-wrap:wrap;}
.iconlist .index_about_button:first-of-type {padding-right:0%;width:100%;margin-bottom:2%;}
.case-page01{padding: 3rem 0 0 0;}
.ibus-j2 {left: 74%;}

.image-container{margin-right:2%;width:48%;}
.image-container:nth-child(2n){margin-right:0}   
.zzzswrapper{padding:0}
.zzzspage {background: #f6f6f9;padding: 3rem 0;}
.index_banner_read {top:46%;} 
    


/*2024-7-26*/
.ibus-bli{top:24.9%;left:44%;}
.ibus-b3 {font-size: 1rem;width: 6.5rem;top: -0.5rem;right: -8rem;}
.ibus-bli:nth-child(2) .ibus-b3 {top:-0.5rem;right:-3rem;width:10rem;}
.ibus-bli:nth-child(2){top:70.9%;left:28.6%;}
.ibus-bli:nth-child(3) { top: 71%;left: 61.4%;}
.ibus-b3 {font-size: 1.125rem;}   
.ibus-b3 { right: -7.28rem;}
.ibus-bli:nth-child(3) .ibus-b3 {top: -0.5rem;right: -9.6rem;width: 9rem;}
.sjlogoimg{opacity:0}
.mobile-menu.open .sjlogoimg{opacity: 1;height:2.5rem;display: block;object-fit: contain;margin-top: 1rem;margin-left: 2rem;}
.scrollbg{background-image: url(../images/culturebg.jpg);}
.about_2 {height: 27rem;background-image: url(../images/culturebg.jpg);background-position: center;}
.index_banner_text {padding: 0 23% 0 0;}    
   
   
   
   
   
        
        
        


}