html,body{padding: 0;margin: 0;font-size: 16px;color: #333;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
*{line-height:1;box-sizing:border-box;margin:0;padding:0;}
img {vertical-align:middle;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}

@font-face {
  font-family: "iconfont"; /* Project id 4927290 */
  src: url('../font/iconfont.woff2?t=1747793459404') format('woff2'),
       url('../font/iconfont.woff?t=1747793459404') format('woff'),
       url('../font/iconfont.ttf?t=1747793459404') format('truetype');
}


.iconfont{font-family:"iconfont"!important; font-style:normal;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}
.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}

.wrap{margin: 0 auto; width:94%; max-width:1800px; overflow:hidden}
@media (max-width:1920px) {
.wrap{max-width:1600px; }
}


.he_pc_hd {position:fixed; top:53px; left:50%; transform:translateX(-50%); width:100%; padding:0 10px; z-index:999; transition:all 0.36s;}
.he_pcbxn {max-width:1920px; margin:0 auto;}
.he_pcbx {width:100%; position:relative; border-radius:20px; padding:0 54px; transition:all 0.36s;}
.he_pcbx::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7);backdrop-filter:blur(40px);z-index:-1;border-radius:20px;transition:all 0.36s;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);}
.he_pcbxle a{font-size:24px; font-weight:bold; color:#1d6cb6; line-height:80px; display:block}
.he_pc_hd.act {top:0px;padding:0 0px;}
.he_pc_hd.act .he_pcbx,.he_pc_hd.act .he_pcbx::after{border-radius:0px;}

.he_pcbxri{width:70%}
.he_pcnav{width:calc(100% - 190px); margin-top:20px}
.he_pcnli {width:14%; text-align:center}
.he_pcnli .he_pcnava{font-size:16px; height:40px; line-height:40px; border-radius:20px; color:#666; display:block; width:95%; margin:0 auto;  transition:all 0.36s;}
.he_pcnli:hover .he_pcnava,.yxnav_active1 .he_pcnava{background:linear-gradient(to left,#1d6cb6,#4da1f0); color:#fff}

/* 搜索 */
.he_pcser{position:relative;cursor:pointer;}
.he_pcser .icon-search{color:#666;font-size:20px;transition:all 0.36s;line-height:80px; margin-right:20px}
.he_pcser .icon-search:hover{color:#1d6cb6;}
.mc_search_xl {position:fixed;left:50%;transform:translateX(-50%);top:82px;width:calc(100vw - 100px);height:160px;border-top:1px solid #dfdede;z-index:99;background:#fff;display:none;transition-property:top,width,border;transition-duration:0.36s,0.36s;border-radius:20px;background:rgba(255,255,255,0.7);backdrop-filter:blur(40px);}
.he_pc_hd.act .mc_search_xl {width:100%;border-radius:0;}
.mc_pos_center {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);/* width:690px;*/}
.mc_scm_form {width:800px;}
.mc_msc_box{font-size:0;padding:8px;border-bottom:1px solid #dfdede;}
.mc_msc_input {width:calc(100% - 30px);height:26px;font-size:16px;color:#333;line-height:20px;padding:3px 0;padding-right:12px; background:none; border:none}
.mc_msc_box .btn{background:none; border:none; font-size:18px; color:#333; cursor:pointer}


.he_member a{font-size:16px; color:#666; line-height:80px; display:block; float:left; margin:0 8px}
.he_member a i{margin-right:5px}
.he_member a:hover{color:#1d6cb6;}


/* 手机导航 */
.ys_navph2_header {display:none;}
.ys_navph2_header {position:relative;z-index:99999;height:100%;}
.ys_navph2_navbar {background:#fff;position:fixed;left:0;top:0;width:100%;z-index:9000000;padding-right:20px;box-shadow:0 0 10px 3px rgba(0,0,0,.05);}
.ys_navph2_logo {position:relative;z-index:50;width:500px;}
.ys_navph2_logo a{font-size:24px; font-weight:bold; color:#1d6cb6;}
.ys_navph2_logo_btn {position:absolute;left:0;top:0;display:table-cell;width:100%;height:64px;line-height:64px;padding:0 10px;display:block;background:transparent;transition:all .36s;}
.ys_navph2_logo_btn img,.ys_navph2_search_btn img {width:100%;}
.ys_navph2_search_btn {display:block;font-size:16px;line-height:64px;color:#333333;transition:all .36s;}
.ys_navph2_modal {position:fixed;top:64px;left:0;width:100%;background-color:#fff;text-align:center;border-top:1px solid #eee;overflow:hidden;display:none;}
.ys_navph2_modalmbox {padding:16px 20px;}
.ys_navph2_modalm {transform:translateX(0px);}
.ys_navph2_msc_box {width:100%;display:block;}
.ys_navph2_msc_boxl {border-bottom:1px solid #eee;width:calc(100% - 40px);padding-right:20px;height:40px;}
.ys_navph2_msc_boxl input {width:100%;height:100%;font-size:16px; border:1px solid #eee; padding-left:10px}
.ys_navph2_msc_boxr {width:30px;}
.ys_navph2_msc_boxr button{border:1px solid #eee;}
.ys_navph2_msc_boxr img {width:100%;line-height:40px;}
.ys_navph2_menu {line-height:64px;margin-left:15px;}
.ys_navph2_menu_btn {position:relative;display:inline-block;vertical-align:middle;width:28px;height:22px;}
.ys_navph2_menu_line,.ys_navph2_menu_line::before,.ys_navph2_menu_line::after {display:block;width:100%;height:2px;background:#333;transition:all .36s;}
.ys_navph2_menu_line {position:absolute;left:0;top:50%;transform:translateY(-50%);}
.ys_navph2_menu_line::before {content:"";position:absolute;top:10px;}
.ys_navph2_menu_line::after {content:"";position:absolute;top:-10px;}
.ys_navph2_list {position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;padding:84px 0 50px;background:#333;color:#fff;overflow:hidden;transform:translateX(100%);transition:all .5s ease-out;}
.ys_navph2_subnav {padding:0 20px;height:100%;overflow:auto;}
.ys_navph2_subnav li>div {position:relative; border-bottom:1px solid rgba(255,255,255,.5);}
.ys_navph2_subnav a {line-height:24px;padding:8px 0;color:#ffffff;display:inline-block;}
.ys_navph2_subnav_a {font-size:16px;}
.ys_navph2_nav_icon {position:absolute;right:5px;top:50%;transform:translateY(-50%);width:12px;height:12px;}
.ys_navph2_nav_icon::before {transform:rotate(90deg);}
.ys_navph2_nav_icon::before,.ys_navph2_nav_icon::after {content:"";position:absolute;left:50%;top:0;margin-left:-1px;width:2px;height:100%;background:#fff;transition:all .36s;}
.ys_navph2_subnav ul {display:none;padding-left:15px;}
.ys_navph2_thirnav_a {font-size:14px;}
.ys_navph2_nav_icon {position:absolute;right:5px;top:50%;transform:translateY(-50%);width:12px;height:12px;}
.ys_navph2_subnav ul {display:none;padding-left:15px;}
.ys_navph2_fournav_li {font-size:12px;}
.ys_navph2_lang {position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.ys_navph2_lang_btn {display:inline-block;padding:15px;}
.ys_navph2_lang_btn img {width:20px;}
.ys_navph2_lang_modal {transform:translateX(100%);transition:all .5s ease-out;}
.ys_navph2_lang_modal {position:absolute;left:0;top:0;width:100%;height:100%;background:inherit;padding:84px 0 20px;}
.ys_navph2_lang_back {font-size:16px;margin-bottom:10px;}
.ys_navph2_lang_back {padding:0 15px;}
.ys_navph2_subnav {padding:0 20px;height:100%;overflow:auto;}
.ys_navph2_search_btn {width:20px;cursor:pointer;}
.modal-open {overflow:hidden;}
.ys_navph2_list.act {transform:translateX(0);}
.ys_navph2_menu_btn.act .ys_navph2_menu_line {background:transparent;}
.ys_navph2_menu_btn.act .ys_navph2_menu_line::before {top:0;transform:rotate(45deg);}
.ys_navph2_menu_btn.act .ys_navph2_menu_line::after {top:0;transform:rotate(-45deg);}
.ys_navph2_nav_icon::before {transform:rotate(90deg);}
.ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after {transform:rotate(90deg);}
.ys_navph2_lang_modal.act {transform:translateX(0);}
.ys_navph2_subnav_a.yxnav_active1,.ys_navph2_thirnav_a.yxnav_active2,.ys_navph2_fournav_a.yxnav_active3 {color:rgba(255,255,255,.7);}
@media screen and (max-width:1600px) {
.he_pcbxle a{font-size:22px;}
}
@media screen and (max-width:1480px) {
.he_pcbxle a{font-size:20px;}
}
@media screen and (max-width:1380px) {
.he_pcbx{padding: 0 30px;}
}
@media screen and (max-width:1280px) {
.he_pcbxle a{font-size:18px;}
}
@media screen and (max-width:1180px) {
.he_pcbxle a{font-size:17px;}
.he_pcbx{padding: 0 20px;}
}
@media screen and (max-width:1024px) {
.he_pc_hd {display:none;}
.ys_navph2_header {display:block;}
.he_ph_hd {display:block;}
.he_pc_hd {display:none;}
.ys_navph2_navbar{padding:0 20px;}
.ys_navph2_search_btn{width:auto}
.ys_navph2_search_btn i{font-size:25px; line-height:64px; margin-right:10px; display:block}
.ys_navph2_msc_boxl{padding-right:0px; width: calc(100% - 50px);}
.ys_navph2_msc_boxr{width:auto}
.ys_navph2_msc_boxr button i{ height:38px; line-height:38px; width:38px; display:block; color:#666}
}
@media screen and (max-width:780px) {
.ys_navph2_logo{width:380px;}
.ys_navph2_logo a{ font-size:20px}
}
@media screen and (max-width:540px) {
.ys_navph2_logo{width:340px;}
.ys_navph2_logo a{ font-size:18px}
}
@media screen and (max-width:430px) {
.ys_navph2_logo{width:300px;}
.ys_navph2_logo a{font-size:16px}
}
@media screen and (max-width:390px) {
.ys_navph2_logo{width:280px;}
.ys_navph2_logo a{font-size:14px}
}


/*banner轮播*/
.index-banner{width:100%; position:relative; z-index:998; height:100vh; overflow:hidden}
.index-banner video{position:relative; z-index:98; width:100%;}
.index-banner .swiper-slide{overflow:hidden; position:relative;}
.index-banner .img{width:100%; display:block; background:none no-repeat center; background-size: cover;}
.index-banner .img a{display:block; width:100%; height:100%}
.index-banner .swiper-pagination-bullets{width:100%; bottom:20px; z-index:2; text-align: center;}
.index-banner .swiper-pagination-bullet {width:40px; height:6px; border-radius:0; opacity:.6; background:#044098; position: relative; margin:0 3px}
.index-banner .swiper-pagination-bullet-active{opacity:1; background:#044098; position:relative}
.index-banner .text{position:absolute; left:8%; top:45%;}
.index-banner .text b{font-size:51px; color:#FFF; margin-bottom:20px; display:block; text-shadow: 1px 2px 2px #111; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.2s;}
.index-banner .text p{font-size:18px; color:#FFF; text-transform:uppercase; text-shadow: 1px 2px 2px #111; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.index-banner .swiper-pagination-bullets span:focus{border:none;}
@media screen and (max-width:1600px) {
.index-banner{height: auto}
}
@media screen and (max-width:1380px) {
.index-banner .text{left:4%; top:50%;}
.index-banner .text b{font-size:45px;}
.index-banner .text p{font-size:16px; }
}
@media screen and (max-width:1180px) {
.index-banner .text b{font-size:34px; margin-bottom:10px;}
.index-banner .text p{font-size:12px;}
}
@media screen and (max-width:540px) {
.index-banner .text{width:92%; top:45%;}
.index-banner .text b{font-size:26px; margin-bottom:5px}
.index-banner .text p{line-height:20px}
}
@media screen and (max-width:430px) {
.index-banner .text{top:48%;}
.index-banner .text b{font-size:22px;}
}
@media screen and (max-width:390px) {
.index-banner .text b{font-size:20px;}
}


/*标题*/
.index_box{padding:80px 0; width:100%; position:relative; overflow:hidden}

.tit_box{width:100%; margin-bottom:30px; position:relative; overflow:hidden; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:.2s;}
.tit_box .cn{font-size:30px; font-weight:bold; letter-spacing:2px; display:block; margin-top:20px; color:#1d6cb6; float:left}	
.tit_box .cn:before {content: ''; display:block; width:6px; height:30px; background-color:#1d6cb6; border-radius:3px; margin:2px 10px 0 0; float: left;}
.tit_box.white .cn,.tit_box.white .en{color:#fff;}

.in_more a{display:block; width:220px; height:50px; line-height:50px; background:linear-gradient(to left,#1d6cb6,#4da1f0); color:#fff; transition:all 0.4s ease-out; border-radius:5px; float:right;transition:all 0.3s ease-out;}
.in_more span{line-height:50px; float:left; padding-left:20px; font-size:16px; transition:all 0.3s ease-out;}
.in_more i{width:50px; line-height:50px; float:right; font-size:20px;  border-left: solid 1px rgba(255, 255, 255, .1); text-align:center}
.in_more a:hover span{padding-left:30px;}
.in_more a:hover{border-radius:25px;}
@media screen and (max-width:1180px) {
.index_box{padding:60px 0;}
}
@media screen and (max-width:1024px) {
.tit_box{margin-bottom:20px;}
}
@media screen and (max-width:540px) {
.index_box{padding:40px 0;}
.tit_box .cn{font-size:24px; margin-top:10px;}	
.tit_box .cn:before{width:6px; height:26px; margin:0px 6px 0 0;}
.in_more a{width:180px; height:40px; line-height:40px;}
.in_more span{line-height:40px; padding-left:10px; font-size:14px}
.in_more i{width:40px; line-height:40px; font-size:18px}
.in_more a:hover span{padding-left:20px;}
.in_more a:hover{border-radius:20px;}
}
@media screen and (max-width:430px) {
.index_box{padding:30px 0;}
}

/*首页top*/
.index_top{background-color:#fff}
.index_top_box{padding:80px 0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index_top_box li{width:24%; margin:0.5%; background:#fff; padding:10px; height:300px; overflow:hidden; position:relative; visibility:visible; animation-name:fadeInRight; animation-duration:1s; cursor:pointer;transition:all 0.3s ease-out; border-radius:10px}
.index_top_box li:after{content:"" ;position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to left,#1d6cb6,#4da1f0); z-index:1; backdrop-filter: blur(0px); transition:all 0.3s ease-out; transform: skewY(0deg); opacity:.5}
.index_top_box li .box{width:100%; text-align:center; position: absolute; z-index:2; color:#fff; left:0%; top: 50%; transform: translate(-0%, -50%);}
.index_top_box li .box i{display:block; font-size:50px; margin-bottom:20px;}
.index_top_box li .box span{display:block; font-size:20px; margin-bottom:10px;}
.index_top_box li .box p{font-size:12px; text-transform:uppercase}
.index_top_box li:nth-child(1){background:url(../images/top01.jpg) center / cover no-repeat; animation-delay:.2s; }
.index_top_box li:nth-child(2){background:url(../images/top02.jpg) center / cover no-repeat; animation-delay:.4s;}
.index_top_box li:nth-child(3){background:url(../images/top03.jpg) center / cover no-repeat; animation-delay:.6s;}
.index_top_box li:nth-child(4){background:url(../images/top04.jpg) center / cover no-repeat; animation-delay:.8s; }
.index_top_box li:hover:hover{margin-top:-50px;}
.index_top_box li:hover:after{opacity:.8; backdrop-filter: blur(3px); transform: skewY(-35deg);}
@media screen and (max-width:1180px) {
.index_top_box{padding:60px 0;}
.index_top_box li{height:250px;}
}
@media screen and (max-width:1024px) {
.index_top_box{ display:block}
.index_top_box li{width:49%; margin:0 0 20px; float:left;}
.index_top_box li:nth-child(even){float:right}
.index_top_box li:hover:hover{margin-top:0px;}
}
@media screen and (max-width:540px) {
.index_top_box{padding:40px 0; overflow:hidden}	
.index_top_box li{height:200px;}
.index_top_box li{margin:0 0 10px;}
}
@media screen and (max-width:430px) {
.index_top_box{padding:30px 0;}	
.index_top_box li{height:160px;}
.index_top_box li .box p{display:none}
}


/*首页安全科普*/
.index_science{background-color:#f1f8ff}
.index_science_box{width:100%; position:relative;}
.science_img{width:49.5%; float:left; border-radius:10px; overflow:hidden; position:relative; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s;}
.science_img .swiper-slide{overflow:hidden; position:relative;}
.science_img .img{width:100%; height:615px; background-attachment:fixed; background-position:center center; background-size:cover; background-repeat:no-repeat}
.science_img a{width:100%; height:100%; display:block;}
.science_img a:after {content:"" ;position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, #1d6cb6 100%); z-index:3}
.science_img .wz{position:absolute; bottom:0; height:50px; line-height:50px; padding:0 30px; color:#fff; font-size:20px; width:100%; z-index:999}
.science_img .wz b{width:80%}
.science_img .swiper-pagination-bullets{width:auto; left:auto; right:30px; bottom:30px; z-index:999; text-align: center;}
.science_img .swiper-pagination-bullet {width:10px; height:10px; border-radius:100%; opacity:.6; background:#fff; position: relative; margin:0 3px; transition: all .3s;}
.science_img .swiper-pagination-bullet-active{width:40px; border-radius:5px; opacity:1; background:#044098; position:relative}

.science_lb {
    width: 49.5%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px; /* 替代margin-bottom */
	padding: 0 10px;
}
.science_lb li {
    width: calc(50% - 7.5px); /* 考虑间隙 */
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    margin: 0; /* 清除原有margin */
}
.science_lb li .img{width:100%; position:relative; overflow:hidden;}
.science_lb li .img img{width:100%; transition: all .3s;}
.science_lb li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.science_lb li .wz{width:100%; overflow:hidden; padding:20px; display:flex; position:relative}
.science_lb li .wz b{font-size:16px; color:#333; display:inline-block; width:100%; font-weight:normal; position:relative; z-index:4;}
.science_lb li .wz p{font-size:14px; color:#999; display:inline-block; width:30%; text-align:right; position:relative; z-index:4;}
.science_lb li .wz p i{font-size:18px; margin-right:5px}

.science_lb li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.science_lb li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.science_lb li:hover .videoicon{opacity:1;}

.science_lb li:hover .wz b{color:#1d6cb6}
.science_lb li .wz b:before {content: ''; display:block; width:3px; height:16px; background-color:#1d6cb6; border-radius:2px; margin:0px 5px 0 0; float: left;}

.science_lb li:nth-child(even){float:right}
.science_lb li:nth-child(1){animation-delay:.2s;}
.science_lb li:nth-child(2){animation-delay:.3s;}
.science_lb li:nth-child(3){animation-delay:.4s;}
.science_lb li:nth-child(4){animation-delay:.5s;}

@media screen and (max-width:1480px) {
.science_img .img{height:538px;}
}
@media screen and (max-width:1380px) {
.science_img .img{height:520px;}
}
@media screen and (max-width:1280px) {
.science_img .img{height:497px;}
}
@media screen and (max-width:1180px) {
.science_img .img{height:447px;}
.science_img .wz{ font-size:16px;height:40px;line-height:40px;}
.science_img .wz b{ width:75%;}
.science_img .swiper-pagination-bullets{bottom:25px}
.science_lb li .wz{padding:15px;}
}
@media screen and (max-width:1024px) {
.science_img{width:100%; margin-bottom:20px}	
.science_img .img{height:500px;}
.science_lb{width:100%;}
.science_lb li{margin:0 0 20px;}
}
@media screen and (max-width:540px) {
.science_img{margin-bottom:10px}
.science_img .img{height:315px;}	
.science_img .wz{padding: 0 20px;}
.science_lb li{margin:0 0 10px;}
}
@media screen and (max-width:430px) {
.science_img .img{height:230px;}
.science_lb li{width:100%;}	
}

/*首页事故警示*/
.index_accident{ }
.index_accident_box {
    width: 100%;
    position: relative;
    display: flex;          /* 新增：改用 flex 布局 */
    flex-wrap: wrap;        /* 允许换行 */
    gap: 0.5%;              /* 替代 margin 的间隙 */
}
.index_accident_box li {
    width: 32.333%;         /* 保持原有宽度 */
    /* 移除 float:left 改用 flex 布局 */
    overflow: hidden;
    transition: all 0.3s ease-out;
    visibility: visible;
    animation-name: fadeInRight;
    animation-duration: 1.5s;
    display: flex;          /* 新增：内部 flex 布局 */
    flex-direction: column; /* 垂直排列子元素 */
    min-height: 100%;       /* 确保高度统一 */
}
.index_accident_box li .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 16/9;     /* 新增：固定宽高比（根据实际调整） */
}
.index_accident_box li .img img{width:100%; transition: all .3s; }
.index_accident_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index_accident_box li .wz{width:100%; overflow:hidden; background:rgba(255,255,255,0); padding:20px 10px; display:flex;}
.index_accident_box li .wz b{font-size:16px; color:#333; font-weight:normal;  display:inline-block;width:100%}
.index_accident_box li .wz p{font-size:14px; color:#999; display:inline-block; width:30%; text-align:right}
.index_accident_box li .wz i{font-size:18px; margin-right:5px}

.index_accident_box li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_accident_box li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index_accident_box li:hover .videoicon{opacity:1;}

.index_accident_box li:hover .wz b{color:#1d6cb6;}
.index_accident_box li:nth-child(1){animation-delay:.2s;}
.index_accident_box li:nth-child(2){animation-delay:.3s;}
.index_accident_box li:nth-child(3){animation-delay:.4s;}
.index_accident_box li:nth-child(4){animation-delay:.5s;}
.index_accident_box li:nth-child(5){animation-delay:.6s;}
.index_accident_box li:nth-child(6){animation-delay:.7s;}
.index_accident_box li .wz b:before {content: ''; display:block; width:3px; height:16px; background-color:#1d6cb6; border-radius:2px; margin:0px 5px 0 0; float: left;}
@media screen and (max-width:1180px) {
.index_accident_box li .wz{padding:15px;}	
}
@media screen and (max-width:1024px) {
.index_accident_box li{width:49%; margin:0 0 10px;}	
.index_accident_box li:nth-child(even){float:right}
}
@media screen and (max-width:540px) {
.index_accident_box li{margin:0;}		
}
@media screen and (max-width:430px) {
.index_accident_box li{width:100%;}		
}


/*首页教育培训*/
.index_training{background-color:#f1f8ff}
.index_training_box{width:49.5%; position:relative; float:left}
.index_training_box li{width:49%; margin:0 0 15px; float:left; overflow:hidden; transition:all 0.3s ease-out; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s;}
.index_training_box li .img{width:100%; position:relative; overflow:hidden; z-index:98; border-radius:10px; }
.index_training_box li .img img{width:100%; transition: all .3s;}
.index_training_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index_training_box li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_training_box li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index_training_box li:hover .videoicon{opacity:1;}
.index_training_box li .wz{width:90%; overflow:hidden;  padding:20px 30px; display:flex; margin:0 auto; background:linear-gradient(to left,#1d6cb6,#4da1f0); margin-top:-20px; position:relative; z-index:99; border-radius:30px;}
.index_training_box li .wz b{font-size:16px; color:#fff; font-weight:normal;  display:inline-block;width:100%}
.index_training_box li .wz p{font-size:14px; color:#fff; display:inline-block; width:30%; text-align:right}
.index_training_box li .wz p i{font-size:18px; margin-right:5px}
.index_training_box li:nth-child(even){float:right}
.index_training_box li:nth-child(1){animation-delay:.3s;}
.index_training_box li:nth-child(2){animation-delay:.2s;}
.index_training_box li:nth-child(3){animation-delay:.5s;}
.index_training_box li:nth-child(4){animation-delay:.4s;}


.index_training_video{width:49.5%; position:relative; float:right;  overflow:hidden; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s;}
.index_training_video .img{width:100%; height:535px; position:relative; overflow:hidden; border-radius:10px;}
.index_training_video img{width:100%; height:100%; transition: all .3s;}
.index_training_video:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.index_training_video .video-show{position: absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_training_video .videoicon{ display:block; width:70px; height:70px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index_training_video:hover .videoicon{opacity:1;}

.index_training_video .wz{width:90%; overflow:hidden;  padding:20px 30px; display:flex; margin:0 auto; background:linear-gradient(to left,#1d6cb6,#4da1f0); margin-top:-20px; position:relative; z-index:99; border-radius:30px;}
.index_training_video .wz b{font-size:20px; color:#fff; display:inline-block; width:100%}
.index_training_video .wz p{font-size:14px; color:#fff; display:inline-block; width:30%; text-align:right}
.index_training_video .wz p i{font-size:18px; margin-right:5px}
@media screen and (max-width:1480px) {
.index_training_video .img{height:459px;}
}
@media screen and (max-width:1380px) {
.index_training_video .img{height:443px;}
}
@media screen and (max-width:1280px) {
.index_training_video .img{height:418px;}
}
@media screen and (max-width:1180px) {
.index_training_video .img{height:378px;}
.index_training_box li .wz,.index_training_video .wz{padding:15px 20px;}
.index_training_video .wz b{ font-size:18px}
}
@media screen and (max-width:1024px) {
.index_training_box{width:100%;}
.index_training_box li{margin:0 0 20px; animation-name:fadeInRight;}
.index_training_box li:nth-child(1){animation-delay:.2s;}
.index_training_box li:nth-child(2){animation-delay:.3s;}
.index_training_box li:nth-child(3){animation-delay:.4s;}
.index_training_box li:nth-child(4){animation-delay:.5s;}
.index_training_video{width:100%;}
.index_training_video .img{height:auto;}
}
@media screen and (max-width:540px) {
.index_training_box li{margin:0 0 10px;}	
}
@media screen and (max-width:430px) {
.index_training_box li{width:100%;}	
.index_training_video .wz b{font-size:16px; font-weight:normal}
}

/*首页专家服务*/
.index_expert_box{visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.2s;}
.index_expert_box .swiper-slide{width:100%; overflow:hidden; }
.index_expert_box .swiper-slide img{border-radius:10px;}
.index_expert_box .swiper-slide .wz{ padding:20px; text-align:center;}
.index_expert_box .swiper-slide .wz p{color:#333; font-size:16px; overflow:hidden; position:relative; display:block; margin-bottom:10px; height:40px; line-height:40px; background:#f1f8ff; border-radius:20px; transition:all 0.3s ease-out;}
.index_expert_box .swiper-slide .wz p font{position:relative; z-index:10}
.index_expert_box .swiper-slide .wz p:after {content:"" ;position:absolute; top:0; left:0; width:0; height:100%; background:linear-gradient(to left,#1d6cb6,#4da1f0); z-index:3; transition:all 0.3s ease-out;}
.index_expert_box .swiper-slide .wz span{color:#666; font-size:14px}
.index_expert_box .swiper-slide:hover .wz p{ color:#fff}
.index_expert_box .swiper-slide:hover .wz p:after{width:100%;}

.index_expert_boxr .swiper-slide div .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_expert_boxr .swiper-slide div .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index_expert_boxr .swiper-slide:hover .videoicon{opacity:1;}

.index_expert_box .swiper-button-prev,.index_expert_box .swiper-button-next{width:50px; height:50px; line-height:54px; text-align:center; background:#ddd; top:50%; border-radius:5px; transition:all 0.3s ease-out; opacity:0}
.index_expert_box .swiper-button-prev{left:-4%; transition:all 0.3s ease-out;}
.index_expert_box .swiper-button-next{right:-4%; transition:all 0.3s ease-out;}
.index_expert_box .swiper-button-prev i,.index_expert_box .swiper-button-next i{color:#fff; font-size:18px}
.index_expert_box .swiper-button-disabled {opacity: .4 !important;}
.index_expert_box .swiper-button-prev:hover,.index_expert_box .swiper-button-next:hover{background:linear-gradient(to left,#1d6cb6,#4da1f0);}
.index_expert:hover .swiper-button-prev{opacity:1; left:4%;}
.index_expert:hover .swiper-button-next{opacity:1; right:4%;}
@media screen and (max-width:1780px) {
.index_expert:hover .swiper-button-prev{left:1%;}
.index_expert:hover .swiper-button-next{right:1%;}
}



/**底部**/
footer{padding:50px 0 20px; height:auto; color:white; background:#22252d; overflow:hidden}
footer .footer_box{width:100%; text-align:center}
footer .footer_box b{color:#c7c7c7; display:block; font-size:25px; margin-bottom:30px}
footer .footer_box a{color:#656870; padding:0 30px; font-size:16px}
footer .footer_box a:hover{color:#fff}
footer .footer_copyright{margin-top:30px; padding-top:20px; border-top:1px solid #2f333d; text-align:center; font-size:13px; color:#656870}
footer .footer_copyright p{line-height:30px;}
footer .footer_copyright a{color:#656870}
footer .footer_copyright a:hover{color:#fff}
@media screen and (max-width:540px) {
footer{padding:30px 0 10px;}
footer .footer_box b{margin-bottom:20px; font-size:22px;}
footer .footer_box a{padding:0 10px; font-size:14px}
footer .footer_copyright{margin-top:20px; padding-top:10px;}
footer .footer_copyright p{line-height:20px;}
}
@media screen and (max-width:430px) {
footer .footer_box b{font-size:20px;}
footer .footer_box a{padding:0 5px; font-size:13px}	
}


/*内页banner*/
.nybanner{overflow:hidden; width:100%; position:relative}
.nybanner .tit{color:#fff; position:absolute; left:8%; top:50%; width:94%; max-width:1800px; visibility:visible; animation-name:fadeInDown; animation-duration:1.5s; animation-delay:.2s;}
.nybanner .tit b{font-size:40px;}

.location {width:100%; margin-top:20px; position: relative; color:#fff;}
.location i{font-size:18px; padding-right:10px}
.location a{color:#fff; font-size:16px}
.location a:hover{color:#fff;}
.location font{font-size:16px}

.left_box{width:15%; float:left}
.right_box{width:84%; float:right}

/**内页导航**/
.pro_menu{width:100%; visibility:visible; animation-name:fadeIn; animation-duration:1.5s; animation-delay:.2s;}
.pro_menu .categoryDiv .hd{background:linear-gradient(to left,#1d6cb6,#4da1f0); height:60px; line-height:60px; color:#fff; font-size:18px; font-weight:bold; padding-left:20px; border-top-left-radius:10px; border-top-right-radius:10px}
.pro_menu .categoryDiv .hd font{ margin-left:5px; opacity:0}
.pro_menu .categoryDiv .bd{}
.pro_menu .categoryDiv .bd li{width:100%; position:relative; cursor:pointer;}
.pro_menu .categoryDiv .bd li a{width:100%; line-height:60px; background:#f1f8ff; color:#666; display:block; padding-left:20px; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; transition:all 0.3s ease-out;}
.pro_menu .categoryDiv .bd li:last-child a{border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.pro_menu .categoryDiv .bd li:hover a,.pro_menu .categoryDiv .bd li.active a{background:#4da1f0; color:#fff; border-left:1px solid #4da1f0; border-right:1px solid #4da1f0;}

@media (max-width:1920px) {
.nybanner .tit{max-width:1600px;}
}
@media (max-width:1780px) {
.nybanner .tit{left:5.5%;}
}
@media (max-width:1680px) {
.nybanner .tit{left:4%;}
}
@media (max-width:1380px) {
.nybanner .tit b{font-size:35px;}
.location {margin-top:10px;}
}
@media (max-width:1024px) {
.nybanner .tit b{font-size:30px;}
.location {margin-top:10px;}

.left_box,.right_box{width:100%;}


.twoMenuDiv{position:relative; margin-bottom:10px;}
.twoMenuDiv .categoryDiv .hd{ display:block; text-align:center; font-size:18px; color:#fff; height:50px; line-height:50px; padding-left:0; width:100%;}
.pro_menu .categoryDiv .hd font{ opacity:1}
.twoMenuDiv .categoryDiv .bd {width:100%; height:auto; display:none; position:absolute; z-index:999}
.twoMenuDiv .categoryDiv .bd ul{width:100%; overflow:hidden; border-top:none; border-bottom:none;}
.twoMenuDiv .categoryDiv .bd ul li{width:100%; height: auto; line-height:50px; float:left;text-align:center;}
.twoMenuDiv .categoryDiv .bd ul li a {height:50px; line-height:50px; font-size:16px; width:100%; border-bottom:1px solid #eee; position: relative; color:#666; padding-left:0}
}

@media (max-width:540px) {
.nybanner{margin-top:64px;}
.nybanner .tit{top:30%}
.nybanner .tit b{font-size:25px;}
.location {margin-top:10px;}
.location i{font-size:16px; padding-right:5px}
.location a,.location font{font-size:14px}
}
@media (max-width:430px) {
.nybanner .tit b{font-size:20px;}
}

/*内页文章*/
.ny_article_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* 或使用 gap 属性 */
    margin-bottom: 30px;
    animation: fadeIn 1.5s .3s both;
}
.ny_article_box li {
    width: calc(25% - 10px); /* 4列布局 */
    margin-bottom: 20px;
    overflow: hidden;
    /* 移除float */
}
.ny_article_box li .img{width:100%; position:relative; overflow:hidden; border-radius:10px;}
.ny_article_box li .img img{width:100%; transition: all .3s; }
.ny_article_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.ny_article_box li .wz{width:100%; overflow:hidden; background:rgba(255,255,255,0); display:flex;}
.ny_article_box li .wz b{font-size:16px; color:#333; font-weight:normal; display:block; width:100%;  height:40px; line-height:40px}
.ny_article_box li .wz b:before {content: ''; display:block; width:3px; height:16px; background-color:#1d6cb6; border-radius:2px; margin:12px 5px 0 0; float: left;}
.ny_article_box li .wz p{font-size:14px; color:#999; display:inline-block; width:50%;}
.ny_article_box li .wz i{font-size:18px; margin-right:5px}
.ny_article_box li .wz p.sj{text-align:left}
.ny_article_box li .wz p.dj{text-align:right}
.ny_article_box li:hover .wz b{color:#1d6cb6;}

.ny_article_box li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.ny_article_box li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ny_article_box li:hover .videoicon{opacity:1;}

.ny_article_box_two li{width:31.333%;}


@media (max-width: 1024px) {
    .ny_article_box li {
        width: calc(50% - 10px); /* 2列布局 */
    }
}

@media (max-width: 430px) {
    .ny_article_box li {
        width: 100%; /* 1列布局 */
    }
}


/*内页视频*/
.ny_video_box{width:100%; position:relative; overflow:hidden; margin-bottom:30px; visibility:visible; animation-name:fadeIn; animation-duration:1.5s; animation-delay:.3s;}
.ny_video_box li{width:31.333%; margin:1%; float:left; overflow:hidden;}
.ny_video_box li .img{width:100%; position:relative; overflow:hidden; z-index:98; border-radius:10px; }
.ny_video_box li .img img{width:100%; transition: all .3s;}
.ny_video_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.ny_video_box li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.ny_video_box li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ny_video_box li:hover .videoicon{opacity:1;}
.ny_video_box li .wz{width:90%; overflow:hidden;  padding:20px 30px; display:flex; margin:0 auto; background:linear-gradient(to left,#1d6cb6,#4da1f0); margin-top:-20px; position:relative; z-index:99; border-radius:30px;}
.ny_video_box li .wz b{font-size:16px; color:#fff; font-weight:normal;  display:inline-block;width:100%}
.ny_video_box li .wz p{font-size:14px; color:#fff; display:inline-block; width:30%; text-align:right}
.ny_video_box li .wz p i{font-size:18px; margin-right:5px}
@media (max-width:1024px) {
.ny_video_box li{width:49%; margin:0 0 20px;}
.ny_video_box li:nth-child(even){float:right}
}
@media (max-width:430px) {
.ny_video_box li{width:100%; margin:0 0 20px;}
}


/*分页样式*/
#fengye{clear:both; margin:auto 0; text-align: center; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.2s;}
div.digg{text-align:left; font-size:16px; display:inline-block; height:50px;}
div.digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#f4f4f4; border:1px solid #eee; border-radius:6px}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#1d6cb6; border:1px solid #1d6cb6; border-radius:6px}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#f4f4f4; border:1px solid #eee; border-radius:6px}
div.digg a:hover {background:#1d6cb6; color:#fff; border:1px solid #1d6cb6}



/*内页视频切换*/
.qh_video_box{ width:98%; overflow:hidden; margin:0 auto; background:#f1f8ff; position:relative; border-radius:10px; margin-top:80px; visibility:visible; animation-name:fadeIn; animation-duration:1.5s; animation-delay:.2s;}
.qh_video_box .pavilion-inner .tabs {width:35%; float:right; text-align:center}
.qh_video_box .pavilion-inner .tabs dl{display:flex; width:100%; padding:50px 50px; cursor:pointer; position:relative; transition:all 0.3s ease-out; border-bottom:1px solid rgba(0, 0, 0, .1);}
.qh_video_box .pavilion-inner .tabs dl:before {content:""; display:block; width:0; height:0; border:10px solid transparent; border-right:10px solid #4da1f0; position:absolute; left:-20px; top:50%;margin-top:-10px; z-index:99; opacity:0}
.qh_video_box .pavilion-inner .tabs dl b{font-size:20px; color:#333; display:inline-block; width:100%; text-align:left}
.qh_video_box .pavilion-inner .tabs dl p{font-size:18px; color:#999; display:inline-block; width:30%; text-align:right}
.qh_video_box .pavilion-inner .tabs dl i{font-size:20px; margin-right:5px}

.qh_video_box .pavilion-inner .tabs dl.on{background:linear-gradient(to left,#1d6cb6,#4da1f0); padding:66.5px 50px;}
.qh_video_box .pavilion-inner .tabs dl.on:before{opacity:1}
.qh_video_box .pavilion-inner .tabs dl.on b,.qh_video_box .pavilion-inner .tabs dl.on p{color:#fff;}
.qh_video_box .pavilion-inner .tabs dl:last-child{border-bottom:none}

.qh_video_box .tab-content-wrap {width:65%;  float:left;}
.qh_video_box .tab-content{width:100%; display:none}
.qh_video_box .tab-content.show {display:block}

.qh_video_box .video{width:100%; position:relative;}
.qh_video_box .video .img{width:100%; position:relative; overflow:hidden;}
.qh_video_box .video img{width:100%; height:100%; transition: all .3s;}
.qh_video_box .video:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.qh_video_box .video .video-show{position: absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.qh_video_box .video .videoicon{ display:block; width:80px; height:80px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
@media (max-width:1680px) {
.qh_video_box .pavilion-inner .tabs dl{padding:50px 45px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:60px 45px;}
}
@media (max-width:1600px) {
.qh_video_box .pavilion-inner .tabs dl{padding:48px 45px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:53.5px 45px;}
}
@media (max-width:1480px) {
.qh_video_box .pavilion-inner .tabs dl{padding:40px 45px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:55.5px 45px;}
}
@media (max-width:1380px) {
.qh_video_box .pavilion-inner .tabs dl{padding:38px 40px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:51.5px 40px;}
}
@media (max-width:1280px) {
.qh_video_box .pavilion-inner .tabs dl{padding:35px 40px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:47.5px 40px;}
}
@media (max-width:1180px) {
.qh_video_box{margin-top:60px;}
.qh_video_box .pavilion-inner .tabs dl{padding:32px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:45px 32px;}
.qh_video_box .pavilion-inner .tabs dl b{font-size:18px;}
.qh_video_box .pavilion-inner .tabs dl p{font-size:16px;}
.qh_video_box .pavilion-inner .tabs dl i{font-size:18px;}
}
@media (max-width:1024px) {
.qh_video_box .pavilion-inner .tabs {width:30%;}	
.qh_video_box .tab-content-wrap {width:70%;}
.qh_video_box .pavilion-inner .tabs dl b{font-size:16px; font-weight:normal}
.qh_video_box .pavilion-inner .tabs dl{padding:30px;}
.qh_video_box .pavilion-inner .tabs dl.on{padding:39.5px 30px;}
}
@media (max-width:992px) {
.qh_video_box .pavilion-inner .tabs {width:10px; position:absolute; right:20px; top:10%; z-index:99}	
.qh_video_box .tab-content-wrap {width:100%; position:relative; z-index:98}
.qh_video_box .pavilion-inner .tabs dl b,.qh_video_box .pavilion-inner .tabs dl p,.qh_video_box .pavilion-inner .tabs dl:before{ display:none}
.qh_video_box .pavilion-inner .tabs dl{padding:30px 5px; background:#fff; margin:5px 0; opacity:.5}
.qh_video_box .pavilion-inner .tabs dl.on{padding:30px 5px; opacity:1}
}
@media (max-width:540px) {
.qh_video_box{margin-top:40px;}
.qh_video_box .pavilion-inner .tabs {width:6px;}
.qh_video_box .pavilion-inner .tabs dl,.qh_video_box .pavilion-inner .tabs dl.on{padding:20px 2px;}
}
@media (max-width:430px) {
.qh_video_box{margin-top:30px;}
.qh_video_box .pavilion-inner .tabs dl,.qh_video_box .pavilion-inner .tabs dl.on{padding:15px 2px;}
.qh_video_box .video .videoicon{width:60px; height:60px;}
}

/*内页专家*/
.ny_expert_box{width:100%; position:relative; overflow:hidden; margin-bottom:30px; transition:all 0.3s ease-out; visibility:visible; animation-name:fadeIn; animation-duration:1.5s; animation-delay:.3s;}
.ny_expert_box li{width:23%; margin:1%; float:left; overflow:hidden; }
.ny_expert_box li .img{width:100%; position:relative; overflow:hidden; border-radius:10px;}
.ny_expert_box li .img img{width:100%; transition: all .3s; }
.ny_expert_box li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.ny_expert_box li .wz{ padding:20px; text-align:center; margin-top:-40px}
.ny_expert_box li .wz p{color:#333; font-size:16px; overflow:hidden; position:relative; display:block; margin-bottom:10px; height:40px; line-height:40px; background:#f1f8ff; border-radius:20px; transition:all 0.3s ease-out; border:1px solid rgba(29,108,182,.3)}
.ny_expert_box li .wz p font{position:relative; z-index:15;}
.ny_expert_box li .wz p:after {content:"" ;position:absolute; top:0; left:0; width:0; height:100%; background:linear-gradient(to left,#1d6cb6,#4da1f0); z-index:3; transition:all 0.3s ease-out;}
.ny_expert_box li .wz span{color:#666; font-size:14px}

.ny_expert_box li .video-show{position:absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.ny_expert_box li .videoicon{ display:block; width:60px; height:60px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.ny_expert_box li:hover .videoicon{opacity:1;}

.ny_expert_box li:hover .wz p{ color:#fff; border:1px solid rgba(29,108,182,.8)}
.ny_expert_box li:hover .wz p:after{width:100%;}





.platform_box{height:100vh; padding-top:12%; overflow:hidden; background-position: bottom center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/nybanner04.jpg);}
.platform_box .box{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.platform_box .tit{width:45%; margin-right:5%; visibility:visible; animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:.2s;}
.platform_box .tit b{font-size:50px; display:block; margin-bottom:10px}
.platform_box .tit p{font-size:16px; line-height:30px; display:block; margin:20px 0; color:#666}
.platform_box .tit .in_more{float:left}
.platform_box .ai_box{width:50%; height:550px; border-radius:10px; border:6px solid #fff; background:#1d6cb6; overflow:hidden; visibility:visible; animation-name:fadeInRight; animation-duration:1.5s; animation-delay:.3s;}
@media (max-width:1480px) {
.platform_box{height:auto; padding:180px 0 80px;}
.platform_box .tit b{font-size:40px;}
.platform_box .ai_box{height:500px;}
}
@media (max-width:1180px) {
.platform_box{padding:180px 0 60px;}
.platform_box .ai_box{height:450px;}
}
@media (max-width:1024px) {
.platform_box{padding:100px 0 60px;}
.platform_box .tit b{font-size:36px;}
.platform_box .ai_box{height:420px;}
.ny_expert_box li{width:49%; margin:0;}
.ny_expert_box li:nth-child(even){float:right}
}
@media (max-width:860px) {
.platform_box .tit{width:100%; margin: 0 0 20px;}	
.platform_box .ai_box{width:100%; height:400px}
}
@media (max-width:540px) {
.platform_box{padding:90px 0 40px;}	
.platform_box .tit b{font-size:30px;}
}
@media (max-width:430px) {
.platform_box{padding:90px 0 30px;}	
.platform_box .tit p{margin:10px 0;}
.platform_box .ai_box{height:300px}
}


/*数据中心*/
.data_box{width:100%; overflow:hidden; margin-bottom:40px}
.data_box li{width:49%; float:left; padding:4%; background:linear-gradient(to bottom,#f1f8ff,#d4e9ff); position:relative; border-radius:10px; visibility:visible;  animation-duration:1.5s;}
.data_box li:nth-child(even){float:right}
.data_box li p{font-size:18px; color:#666}
.data_box li b{font-size:40px; color:#1d6cb6; display:block; margin-top:40px}
.data_box li i{font-size:200px; color:#1d6cb6; position:absolute; right:30px; bottom:0px; opacity:.15}
.data_box li:nth-child(1){animation-name:fadeInUp; animation-delay:.2s;}
.data_box li:nth-child(2){animation-name:fadeInUp; animation-delay:.3s;}

.rank_box{width:100%; overflow:hidden; border-radius:10px; background:#f1f8ff; border:1px solid rgba(0,0,0,.08); visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.3s;}
.rank_box dl{width:100%; overflow:hidden; border-bottom:1px solid rgba(0,0,0,.08)}
.rank_box dl:nth-child(1){background:#1d6cb6;}
.rank_box dl:nth-child(1) dd{padding:0 0 0 1%; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#fff; border-right:1px solid rgba(255,255,255,.1)}

.rank_box dl dd{float:left; height:120px; line-height:80px; padding:1%; border-right:1px solid rgba(0,0,0,.08); font-size:16px; color:#666}
.rank_box dl dd b{font-size:30px; color:#1d6cb6; line-height:80px;}
.rank_box dl dd .box{width:100%;}
.rank_box dl dd .img{width:145px; float:left}
.rank_box dl dd .img img{border-radius:4px;}
.rank_box dl dd .wz{width:calc(100% - 145px); float:left; line-height:80px; text-align:left; padding-left:20px}
.rank_box dl dd a{color:#333}
.rank_box dl dd a:hover{color:#1d6cb6;}

.rank_box dl dd:nth-child(1){width:10%}
.rank_box dl dd:nth-child(2){width:60%}
.rank_box dl dd:nth-child(3){width:10%}
.rank_box dl dd:nth-child(4){width:10%}
.rank_box dl dd:nth-child(5){width:10%}
.rank_box dl:last-child{border-bottom:none}
.rank_box dl dd:last-child{border-right:none}
@media (max-width:1180px) {
.data_box li i{bottom:-10px;}
.rank_box dl dd{height:114px; font-size:14px;}
}
@media (max-width:1024px) {
.data_box li i{font-size:180px;}
.rank_box dl dd:nth-child(1){width:8%}
.rank_box dl dd:nth-child(2){width:56%}
.rank_box dl dd:nth-child(3){width:12%}
.rank_box dl dd:nth-child(4){width:12%}
.rank_box dl dd:nth-child(5){width:12%}
}
@media (max-width:840px) {
.data_box li i{font-size:150px; right:10px}	
.rank_box dl dd:nth-child(1){width:8%}
.rank_box dl dd:nth-child(2){width:60%}
.rank_box dl dd:nth-child(3){width:16%}
.rank_box dl dd:nth-child(4){width:16%; border-right:none}
.rank_box dl dd:nth-child(5){display:none}
.rank_box dl dd{height:110px;}
.rank_box dl dd .wz{padding-left:10px}
}
@media (max-width:540px) {
.data_box{margin-bottom:10px}
.data_box li{width:100%; margin-bottom:10px}	
.rank_box dl dd:nth-child(1){width:15%}
.rank_box dl dd:nth-child(2){width:70%}
.rank_box dl dd:nth-child(3){width:15%;border-right:none}
.rank_box dl dd:nth-child(4){display:none}
.rank_box dl dd{height:100px;}
.rank_box dl:nth-child(1) dd{height:50px; line-height:50px; font-size:15px; font-weight:normal}
}
@media (max-width:430px) {
.data_box li{padding:20px;}
.data_box li i{font-size:130px;}
.data_box li p{font-size:16px;}	
.data_box li b{font-size:36px;margin-top:30px;}
}


/*登录*/
.member_box{height:100vh; overflow:hidden; position:relative; background-position: bottom center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/member.jpg);}
.logon_img{position:absolute; left:10%; top:70%; transform: translate(-10%, -70%);}
.logon_img img{ width:100%}

.logon_box{max-width:500px; background:rgba(255,255,255,.6); backdrop-filter: blur(3px); padding:80px; border-radius:10px; overflow:hidden; border:4px solid rgba(29,108,182,.8); position:absolute; right:10%; top: 60%; transform: translate(-10%, -60%);}
.logon_box b{font-size:24px; color:#1d6cb6;}
.logon_box li{position:relative}
.logon_box form{ margin:40px 0}
.logon_box input{width:100%; border:1px solid #eee; height:50px; line-height:50px; padding-left:20px; border-radius:5px; width:100%; font-size:16px; margin-bottom:20px}
.logon_box button{background:linear-gradient(to left,#1d6cb6,#4da1f0); height:50px; line-height:50px; text-align:center; width:100%; font-size:16px; border:none; border-radius:5px; cursor:pointer;	 color:#fff}
.logon_box a{font-size:16px; color:#1d6cb6; display:block; float:left}
.logon_box .wj{color:#666; float:right}
@media (max-width:1780px) {
.logon_img img{width:90%}
}
@media (max-width:1600px) {
.logon_img img{width:80%}
}
@media (max-width:1480px) {
.logon_box{right:4%; top:60%; transform: translate(-4%, -60%);}
}
@media (max-width:1380px) {
.logon_img{left:4%; top:70%; transform: translate(-4%, -70%);}
.logon_box{padding:70px}
}
@media (max-width:1280px) {
.logon_img img{width:70%}
.logon_box{padding:70px}
}
@media (max-width:1180px) {
.logon_img img{width:60%}
}
@media (max-width:1024px) {
.logon_img{display:none}
.logon_box{right:auto; width:70%; left:50%; top:50%; transform:translate(-50%, -50%);}
}
@media (max-width:540px) {
.logon_box{width:90%; padding:50px;}
}
@media (max-width:430px) {
.logon_box{padding:30px;}
}