@charset "utf-8";

/* CSS Document */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
*{padding:0;margin:0;}
body{word-break:break-all;word-wrap:break-word; margin:0 auto; overflow-x:hidden;padding:0; font-family:'Microsoft Yahei'; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{border:none;display:block;}
ul,ul li,dl,dl dt,dl dd{display:block;list-style-type: none;}
ul,ol,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0; padding:0;}
a{color:#000;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
li{ list-style:none;}
em,i{font-style:normal}
b,strong,th{font-weight:normal;}
button,input,textarea{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;outline: none;}/*input:focus{outline: none;}*/
textarea{resize:none;}
a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0}
input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;/*去掉苹果默认样式*/}
.fl{float:left;}
.fr{float:right;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden; display: block;clear: both;overflow:hidden;}
i, cite, em, var, address, dfn {font-style: italic;}

.contain_box{ width: 100%; margin: 0 auto; overflow: hidden;}
.w1400{ width: 85%; margin: 0 auto; min-width: 1200px;}


.f-14{ font-size: 14px;}
.f-16{ font-size: 16px;}
.f-18{ font-size: 18px;}
.f-20{ font-size: 20px;}
.f-24{ font-size: 24px;}
.f-26{ font-size: 26px;}
.f-32{ font-size: 32px;}
.f-30{ font-size: 30px;}
.f-28{ font-size: 28px;}
.f-22{ font-size: 22px;}

.cor_b{ color: #333333;}
.cor_w{ color: #ffffff;}
.cor_g{ color: #666666;}
.cor_l{ color: #1557b0;}
.cor_qh{ color: #cdd5e6;}

.mar_20{ margin: 20px auto;}
.mar_30{ margin: 30px auto;}

.flex_d{ display: flex; justify-content: space-between; align-items: stretch;}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}


.ind09 .w1400 {display: flex;justify-content: space-between; margin: 20px auto;}
.ind09 .module{height: 590px;overflow: hidden;position: relative;width: 15.5%;}
.ind09 .module.cur{ width: 51%;}
.ind09 .module .pos_img {  position: absolute;  left: 50%;  top: 0;  transform: translateX(-50%); width: 100%;  height: 100%;  display: flex;}
.ind09 .module .pos_img::before {  transition: all 0.5s;opacity: 0.4;  position: absolute;  left: 0;  top: 0;  z-index: 1;  width: 100%;  height: 100%;  background: #000;  content: " ";}
.ind09 .module .pos_img .left {  width: 100%;  height: 100%;}
.ind09 .module .pos_img i { transition: all 0.5s;  transform: scale(1);  width: 100%;  height: 100%;  display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ind09 .module.cur .pos_img::before {  transition: all 0.5s;  opacity: 0;}
.ind09 .module.cur .pos {  transition: all 0.6s;  opacity: 0;}
.ind09 .module .pos {  position: absolute; left: 36px;  top: 50px;  display: flex;  color: #fff;}
.ind09 .module .pos b {  margin-right: 6px;  width: 36px;  font-size: 30px;  line-height: 34px;}
.ind09 .module .pos p {  width: 20px;  font-size: 18px;}


.box-container-fluid {width: 100%;margin: 0 auto; position: fixed; z-index:15; top: 0; left: 0;  background: rgba(255,255,255,.8); transition: all .5s ease;min-width: 1400px;}
.box-container-fluid.active{ background: rgba(255, 255, 255, 1);backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.header-wrapper {transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.header-wrapper .box-container {display: flex;justify-content: space-between;height: 100px;align-items: center;}
.header-wrapper .box-container .logo_box{width:18%; }
.header-wrapper .box-container .logo_box img{ width: 100%; height: auto;}
.header-wrapper .box-container .pc-nav-box{ width: 64%;height: 100px;}
.pc-nav-box ul{ display: flex; align-items: center;  width: 100%; height: 100%; justify-content: space-between;} 
.pc-nav-box ul li{ color: #333333;position: relative;height: 100%;}
.pc-nav-box ul li>a{ color: #333333; position: relative;display: block; line-height:100px;transition: all 0.3s ease 0s; text-align: center; margin: 0 auto; }
.pc-nav-box ul li>a::after{ position: absolute; content: '';transform: scale(0); display: block; height: 3px; background: #1557b0; left: 0; bottom: 0;transition: all 0.3s ease 0s; width: 100%;}
.pc-nav-box ul li>a:hover::after{ transform: scale(1);}
.pc-nav-box ul li>a:hover{ color: #1557b0;}

.other_box{ display: flex; align-items: center; width: 12%; justify-content: flex-end;}
.lang_box{ background: url("../images/ico_01.png")no-repeat left center; padding-left: 25px; background-size: 25px 25px;  }
.lang_box ul{ display: flex;background: url("../images/link2.png")no-repeat center right; padding-right: 15px;}
.lang_box ul li{  padding: 0 5px; background: url("../images/link1.png")no-repeat center right;transition: all 0.6s;}
.lang_box ul li:last-child{ background: none;}
.lang_box ul li a.on,.lang_box ul li:hover a{ color: #1557b0;font-weight: bold;}
.lang_box ul li a{ line-height: 30px;transition: all 0.6s;}

.header-wrapper .search{ cursor: pointer; background: url("../images/ico02.png")no-repeat center center;  width: 23px; height:25px; background-size: 100% 100%; margin-left: 15px; }
.search-form {width: 100%;position: fixed;left: 0;top:100px;background: #fff;z-index: 30;padding:20px 0; display: none; border-top: 1px solid #cccccc;box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.search-form .w1200{width: 50%; margin: 0 auto; }
.btn_box{ width: 100%; margin: 0 auto; border-bottom: 1px solid #cecece; height: 60px; position: relative;}
.btn_box input{ width: 86%; height: 100%;font-size: 18px; line-height: 36px;border:none; background: none; text-indent: 1em;}
.btn_box a{ background: #1557b0; line-height: 40px; padding: 0 15px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #ffffff; font-size: 16px; display: flex; align-items: center; border-radius: 4px;}
.btn_box a img{ width: 23px; height: 25px; margin-right: 5px;}
.search-form .w1200 .close{width: 25px; height: 25px;transition: all 0.3s ease 0s; cursor: pointer; margin: 20px auto 0;}
.search-form .w1200 .close:hover{ transform: rotate(180deg);}

.fgx_gd{ height: 100px; overflow: hidden;width: 100%;}

.zg_ban{ width: 100%; position: relative; overflow: hidden; height: 100vh;min-width: 1400px;}
.zg_ban .swiper-slide{ overflow: hidden; width: 100%; height: 100%;}
.zg_ban .swiper-slide img{ width: 100%;object-fit: cover; height: 100%;}
.zg_ban .swiper-pagination-bullet{ width:18px; height: 18px; background: #ffffff;opacity:.5; margin: 0 8px!important;}
.zg_ban .swiper-pagination-bullet-active{ background: #ffffff; opacity: 1; width: 20px; height: 20px;}
.zg_ban.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 20px;height: 15px; display: flex;align-items: center;
justify-content: center;}


.zg_ban .swiper-button-prev1{ width:45px ; height: 70px; background: url("../images/p_fl.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; left: -15%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; cursor: pointer; opacity: .6;}
.zg_ban .swiper-button-next1{ width:45px ; height: 70px; background: url("../images/p_fr.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; right: -15%;position: absolute; top: 50%; transform: translateY(-50%);z-index: 4; cursor: pointer;opacity: .6;}
.zg_ban:hover .swiper-button-prev1{left:8%;}
.zg_ban:hover .swiper-button-next1{right:8%;}

.zg_ban .swiper-slide-active{ animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; }
@-webkit-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }
@-moz-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }
@keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

.main_con{ width: 100%; margin: 0 auto; overflow: hidden;min-width: 1400px; }
.tit_01{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.high_125{ height: 125px;}
.left h3{ font-weight: normal; line-height: 2em; position: relative; display:inline-block;}
.left h3::after{ background: #1557b0; width: 36px; height: 2px; content: ""; position: absolute; left: 110%; top: 50%; transform: translateY(-50%);}
.right a{ background: #ffffff; border: 1px solid #cecece; line-height: 42px; display: block; padding: 0 20px; border-radius: 4px;transition: all 0.3s ease 0s; }
.right a:hover{ background: #1557b0; color: #ffffff; border: 1px solid #1557b0;}

.news_demo{ width: 100%; display: flex; justify-content: space-between; margin: 20px auto; align-items: stretch;}
.news_01{ width: 44%; position: relative; overflow: hidden;height: 410px;}
.news_02{ width: 55.4%;height: 410px;}
.news_01 .swiper-slide{ width: 100%;height: 100%;}
.news_01 .swiper-slide a{ display: block; position: relative; overflow: hidden;width: 100%;height: 100%;transition: all 0.3s ease 0s;}
.img_01{ width: 100%; height: 100%; overflow: hidden;}
.img_01 img{ width: 100%; height: 100%;object-fit: cover; transition: all 0.3s ease 0s;}
.text_01{ width: 100%; height: 60px; background: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; padding: 0 15px; box-sizing: border-box;}
.text_01 p{ line-height: 60px; width: 80%;transition: all 0.3s ease 0s;
    white-space: nowrap; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden; text-overflow: ellipsis;    white-space: nowrap;}
.news_01.swiper-container-horizontal>.swiper-pagination-bullets{ width: 20%; left: revert; right: 0; height: 12px; bottom: 24px; display: flex; align-items: center; justify-content: center;}
.news_01 .swiper-pagination-bullet{ width: 10px; height: 10px; opacity: .5; background: #ffffff;}
.news_01 .swiper-pagination-bullet-active{ background: #ffffff; width: 12px; height: 12px; opacity: 1;}
.news_01 .swiper-button-prev1{ width:45px ; height: 70px; background: url("../images/p_fl.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; left: -10%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; cursor: pointer;}
.news_01 .swiper-button-next1{ width:45px ; height: 70px; background: url("../images/p_fr.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; right: -10%;position: absolute; top: 50%; transform: translateY(-50%);z-index: 4; cursor: pointer;}
.news_01:hover .swiper-button-prev1{left:4%;}
.news_01:hover .swiper-button-next1{right: 4%;}
.news_01 .swiper-slide a:hover .img_01 img{ transform: scale(1.05);}

.news_02{ display: flex; flex-wrap: wrap; justify-content: space-between;align-content:space-between; }
.news_02 a{ width: 49.5%; background: #ffffff;  box-sizing: border-box;  padding:0 20px;transition: all 0.3s ease 0s; position: relative; height: 32%; display: flex; align-items: center;}
.news_02 a::after{ background: url("../images/logo02.png")no-repeat center center; content: ""; position: absolute; right: 10px; bottom: 10px; width: 79px; height: 79px;transition: all 0.3s ease-in-out 0s;}
.text_02 h3{ font-weight: normal; transition: all 0.3s ease-in-out 0s; line-height: 1.5em;transition: all 0.3s ease 0s;display: inline-block;   text-overflow: -o-ellipsis-lastline;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;
    -webkit-line-clamp: 2;    line-clamp: 2;    -webkit-box-orient: vertical;}
.text_02 p{ line-height: 40px;transition: all 0.3s ease 0s; }
.news_02 a:hover .text_02 h3{  color: #ffffff;}
.news_02 a:hover{ background: #1557b0;}
.news_02 a:hover .text_02 p{ color: #a7b8da;}

.NavPull{background: rgba(255,255,255,.6);left:50%;top: 100px;position: absolute; z-index: 13; width: 200%;  padding:20px 0;  box-shadow: 0 5px 30px rgba(0,0,0,0.1);transform: translateX(-50%);visibility:hidden; opacity:0; }
.NavPull dd{  color: #333333; text-align: center;transition: .3s; border-bottom: 1px solid rgba(255, 255, 255, .8);}
.NavPull dd a{color: #333333; transition: .3s;font-size: 16px; line-height: 2.5em; display: block;}
.NavPull dd a:hover{ color: #ffffff; background: #1557b0;}
.pc-nav-box ul li:hover .NavPull{opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}

.bjys01{width: 100%; background: url("../images/bjys01.jpg")no-repeat center top; background-size: 100% auto; position: relative;}
.tit_02{ width: 100%; margin: 0 auto; text-align: center;}
.tit_02 img{ margin: 0 auto; text-align: center;}
.tit_02 p{ line-height: 32px;}

.jdfw_demo{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.left2{ width: 32%; height:710px ;}
.right2{ width: 67%; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; height:710px ;}
.left2 a{ width: 100%; position: relative; display: block; height: 100%;}
.bj_01{ width: 100%; height: 100%; overflow: hidden;}
.bj_02{ width: 100%; height: 100%;overflow: hidden;}
.bj_03{ width: 100%; height: 100%; overflow: hidden;}
.bj_01 img,.bj_02 img,.bj_03 img{ width: 100%; height: 100%;object-fit: cover;transition: all 0.3s ease 0s;}
.mask{ position: absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.4); opacity: 0;transition: all 0.3s ease 0s;}
.mask2{position: absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.4); transition: all 0.3s ease 0s;}
.mask4{position: absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.4); transition: all 0.3s ease 0s; opacity: 0;}

.text_03{ position: absolute; z-index:3; bottom:30px ;left:30px; right: 30px;}
.text_03 h3,.text_04 h3{ font-weight: normal; line-height: 1.5em;}
.text_03 p,.text_04 p{ line-height: 1.5em;}
.left2 a:hover .bj_01 img,.right2 a:hover .bj_03 img,.middle a:hover .bj_02 img{ transform: scale(1.05);}
.left2 a:hover .mask,.right2 a:hover .mask,.middle a:hover .mask{ opacity: 1;}
.right2 a{ width: 49.3%; position: relative; height: 49%;}

.text_04{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; width: 100%;z-index:3;}
.text_04 p,.text_04 h3,.text_04 img{ text-align: center; margin: 0 auto;}

.middle{ width: 100%; margin: 20px auto; overflow: hidden;}
.middle a{ position: relative; width: 100%; margin: 0 auto; display: block;}
.wctxt_04 h3{font-weight: normal; line-height: 1.5em; text-align: center;}
.wctxt_04 p{line-height: 1.5em; text-align: center;}
.wctxt_04 img{text-align: center; margin: 0 auto;}


.middle2{width: 100%; margin: 20px auto; overflow: hidden;position: relative; }
.mid_li{ width: 86%; position: absolute; height: 100%; display: flex; justify-content: space-between; align-items: center;  top: 0; left: 50%; transform: translateX(-50%); z-index: 10;}
.mid_li a{ display: block;transition: all 0.3s ease 0s;}
.mid_li a:hover{ transform: scale(1.05);}
.mid_li a img{ width: 85%;}


.jqsp_box{ width: 49%;}
.tit_03{ width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center;}
.tit_03 h3{ position: relative; font-weight: normal; line-height: 2em;}
.tit_03 h3::after{background: #1557b0; width: 36px; height: 2px; content: ""; position: absolute; left: 120%; top: 50%; transform: translateY(-50%);}
.tit_03 a,.btn_more a{background: #ffffff; border: 1px solid #cecece; line-height: 42px; display: inline-block; padding: 0 20px; border-radius: 4px;transition: all 0.3s ease 0s;}
.tit_03 a:hover,.btn_more a:hover{background: #1557b0; color: #ffffff; border: 1px solid #1557b0;}
.btn_more{ margin: 20px auto 0; width: 100%; text-align: center;}
.jqsp_demo{ width: 100%;  overflow: hidden; background: #000000; transition: 500ms; }
/*.jqsp_demo a{ position: relative; display: block; width: 100%; height: 100%;}*/
/*.jqsp_demo video{width: 100%; background: #000000; height: 100%;}*/

.videolist{ position: relative; display: block; width: 100%; height: 460px; transition: 500ms; overflow: hidden;cursor:pointer;}
.jqsp_demo:hover .videolist{ transform: scale(1.05);}

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.videos {position: fixed;top: 15%;width:50%;left: 50%;z-index: 100; transform: translateX(-50%);}
.videos img.vclose {width: 30px; height: auto;}
.videos video{ width: 100%;}
.grad_wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:30; background: #000000; opacity: 0.5; filter:alpha(opacity=0.5); display: none;}




.text_05{ z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0 auto; text-align: center;cursor: pointer; transition: 500ms; }
.text_05 img{ margin: 0 auto; text-align: center;}
.text_05 p{ line-height: 2em;}
.jqjj_box{ width: 100%; }
.jqjj_box img{ width: 100%;}
.jqjj_list{ width: 100%; background: #f2f3f7; display: flex; justify-content: center; align-items: center;  padding: 15px 0;}
.jqjj_list a{ width: 25%; margin: 0 auto; text-align: center; background: url("../images/link3.png")no-repeat center right; transition: all 0.3s ease 0s;}
.jqjj_list a:last-child{ background: none;}
.txt_02 p{ line-height: 2em;transition: all 0.3s ease 0s;}
.img_02 img{ text-align: center; margin: 0 auto;transition: all 0.3s ease 0s;}
.jqjj_list a:hover .img_02 img{ transform: scale(1.05);}
.jqjj_list a:hover .txt_02 p{  color: #1557b0;}
.fle_d{ width: 100%; display: flex;  flex-direction: column; justify-content: space-between;  height: calc(100% - 100px);}

.lyjd_box{ width: 100%; margin: 30px auto 0; overflow: hidden; position: relative; padding-bottom: 15px;}
.lyjd_box .swiper-slide a{  width: 100%;transition: all 0.3s ease 0s;}
.img_03{ width: 100%; overflow: hidden;}
.img_03 img{ width: 100%; height: 260px;transition: all 0.3s ease 0s;}
.txt_03{ padding: 14px 0;}
.txt_03 p{ line-height: 2em; text-align: center; width: 90%;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin: 0 auto;}

.lyjd_box .swiper-button-prev1{ width:45px ; height: 70px; background: url("../images/p_fl.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; left: -10%; position: absolute; top: 90px; z-index: 4; cursor: pointer;}
.lyjd_box .swiper-button-next1{ width:45px ; height: 70px; background: url("../images/p_fr.png")no-repeat center center; background-size: 100% 100%;transition: all 0.3s ease 0s; right: -10%;position: absolute; top: 90px;z-index: 4; cursor: pointer;}
.lyjd_box:hover .swiper-button-prev1{left:2%;}
.lyjd_box:hover .swiper-button-next1{right: 2%;}
.lyjd_box .swiper-slide a:hover .img_03 img{ transform: scale(1.05);}
.lyjd_box .swiper-slide a:hover .txt_03 p{ color: #1557b0;}
.lyjd_box.swiper-container-horizontal>.swiper-scrollbar{ height: 1px;}
.lyjd_box .swiper-scrollbar-drag{ background: #1557b0; height: 5px;top:-2px}


.bjys02{   background: url("../images/bjys02.jpg")no-repeat center bottom,#1557b0; background-size: 100% auto;}


.foot2{ border-top: 1px solid #3264a6; display: flex; justify-content: space-between; height: 60px; align-items: center; margin-top: 30px;}
/* .foot2 a{ color: #ffffff;} */
.foot1{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
/* .foot1 a{ color: #ffffff;} */
.sec01{ width: 26%;}
.sec03{ width: 25%; margin-top: 40px;}
.sec02{ display: flex; justify-content: space-between; width: 42%; margin-top: 30px;}
.sec02 h3{ line-height: 2.5em; font-weight: normal;}
.sec02 a{ display: block; line-height: 1.8em;transition: all 0.3s ease 0s;}
.sec02 a:hover{ color: #ffffff;}
.dowm_lo{ margin-top: 20px;}
.dowm_lo img{ width:86%; margin:0 auto; text-align:center; }
.up_lo{ display: flex; align-items: center; margin-top: 40px; }
.up_lo ul{ border: 1px solid rgba(255, 255, 255,.5); display: flex; height: 55px; align-items: center; margin-left: 10px;}
.up_lo ul li{ background: url("../images/link4.png")no-repeat center right;padding: 0 12px;}
.up_lo ul li:last-child{ background: none;}
.up_lo ul li a img{ width: 100%;transition: all 0.3s ease 0s;}
.sec03 h3{ line-height: 2em; font-weight: normal;}
.sec03 p{ line-height: 2em;}
.up_lo ul li:hover a img{ transform: scale(1.03);}
.foot_demo{ width: 100%; margin: 0 auto; overflow: hidden; min-width: 1400px; }



.right_xf{width: 64px; position:fixed;right: 10px; top: 50%; display: flex;flex-direction:column; align-items: flex-end;z-index: 22; transform: translateY(-50%);}
.right_xf .bkbox{width: 64px;height: 64px;background:rgba(0,0,0,.4);margin-bottom: 10px;text-align:center;font-size: 16px;position:relative; z-index: 4;}
.right_xf .bkbox>a{display:block;transition: 0.2s; background-image: url("../images/icoyc.png"); background-size: 128px 384px; width: 65px; height: 64px;}

.right_xf .bk01>a {background-position: 0 0;}
.right_xf .bk02>a{background-position: 0 -64px;}
.right_xf .bk03>a{background-position: 0 -128px;}
.right_xf .bk04>a{background-position: 0 -192px;}
.right_xf .bk05>a{background-position: 0 -256px;}
.right_xf .bk06>a{background-position: 0 -320px;}

.right_xf .bk01:hover>a {background-position: -64px 0;}
.right_xf .bk02:hover>a{background-position: -64px -64px;}
.right_xf .bk03:hover>a{background-position: -64px -128px;}
.right_xf .bk04:hover>a{background-position: -64px -192px;}
.right_xf .bk05:hover>a{background-position: -64px -256px;}
.right_xf .bk06:hover>a{background-position: -64px -320px;}

.right_xf  div.ewm_box{position:absolute;width: 120px;left: -130px;top:0; display: none; }
.right_xf  .ewm_box dl{background:#fff;width: 120px;box-shadow:0 0 10px rgba(0,0,0,.16);text-align:center;}
.right_xf  .ewm_box dl dt{ padding-top: .0625rem;}
.right_xf  .ewm_box dl dt img{width: 120px; height:120px; margin: 0 auto;}
.right_xf  .ewm_box dl dd{line-height: 32px;color:#333333;font-size:16px;}
.right_xf  div.img_dt{position:fixed;height:95vh;top: 50%; right: 80px; transform: translateY(-50%);box-shadow:0 0 10px rgba(0,0,0,.16); transition: all 0.3s ease 0s; display: none; z-index:10;}
.right_xf  div.img_dt img{ height: 100%;}
.right_xf  div.img_dt::after{content: ""; position: absolute; bottom: 37%; right: -.48vw; width: 0; height: 0; border-left: .52083vw solid #ffffff; border-top: .52083vw solid transparent; border-bottom: .52083vw solid transparent;}
.right_xf  div.ewm_box::after{content: ""; position: absolute; top: 20%; right: -.48vw; width: 0; height: 0; border-left: .52083vw solid #ffffff; border-top: .52083vw solid transparent; border-bottom: .52083vw solid transparent;}

.right_xf div.tel_box{position:absolute;top:0; background: #ffffff;right:80px; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .16); width: 350%;display: none;}
.right_xf div.tel_box::after{content: ""; position: absolute; top: 12%; right: -.48vw; width: 0; height: 0; border-left: .52083vw solid #ffffff; border-top: .52083vw solid transparent; border-bottom: .52083vw solid transparent;}
.right_xf div.tel_box ul li{ line-height: 1.5em;} 


/* ny */
.bjys03{ width: 100%; background: url("../images/bjys03.jpg")no-repeat top center;}
.ny_ban{ width: 100%; margin: 0 auto; overflow: hidden; min-width: 1400px;}
.ny_ban img{ width: 100%;}
.cont_ny{ width: 100%; overflow: hidden;min-width: 1400px;}
.Iny_01{ width: 100%; display: flex; justify-content: space-between; align-items: center;}

.txt_zb1{ width: 59%; height: 350px;overflow:auto; padding-right: 10px;}
.txt_zb1 p{ font-size: 16px; color: #333333; line-height: 32px; text-indent: 2em;}
.img_yb1{ width: 39%; position: relative; overflow: hidden; height: 360px;}

.txt_zb1::-webkit-scrollbar {width:4px; }
.txt_zb1::-webkit-scrollbar-thumb{ background:#1557b0;border-radius:4px;}
.txt_zb1::-webkit-scrollbar-button{background-color:#ffffff;}
.txt_zb1::-webkit-scrollbar-track{background:#ffffff;}

.img_yb1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #ffffff;opacity: .5;}
.fl_img .swiper-pagination-bullet{ width: 10px; height: 10px; background: #ffffff;opacity: .5;}
.img_yb1 .swiper-pagination-bullet-active{background: #ffffff; opacity: 1;}
.fl_img .swiper-pagination-bullet-active{background: #1557b0; opacity: 1;}
.img_yb1 .swiper-slide{ width: 100%; height: 100%;}
.img_yb1 .swiper-slide img{ width: 100%; height: 100%;object-fit: cover;}

.ny_bj{ width: 100%; background: url("../images/ny_bj01.png")no-repeat center bottom; background-size: 100% auto;}
.nav_zx{ width: 100%; overflow: hidden; padding-bottom: 60px;}
.nav_zx ul{ width: 100%; display: flex; justify-content: space-between;}
.nav_zx ul li{ width: 15.5%; overflow: hidden;  padding-top: 40px;}
.nav_zx ul li a{transition: all 0.3s ease 0s; display: block; position: relative;}
.nav_zx ul li img{ width: 100%;transition: all 0.3s ease 0s;}
.nav_zx ul li:hover img{ transform: translateY(-8px);box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.nav_zx ul li a:hover::after{ 
    content: ""; position:absolute; width: 40%; height:100%;z-index: 6; top: 0; left: -140%;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
    -webkit-transform:skewX(-25deg);
	transform:skewX(-25deg);
-webkit-animation:aniBlink120 2s ease-out infinite forwards;
  -moz-animation:aniBlink120 2s ease-out infinite forwards;
  -ms-animation:aniBlink120 2s ease-out infinite forwards;
  -o-animation:aniBlink120 2s ease-out infinite forwards;
  animation:aniBlink120 2s ease-out infinite forwards;
}
@keyframes aniBlink120{from{left: -140%;}to{left: 100%;}}
@-webkit-keyframes aniBlink120{from{left: -140%;}to{left: 100%;}}

.cate_ts1{ width: 100%; display: flex;  justify-content: space-between;}
.fl_img{ width: 36%; height: 350px; position: relative; overflow: hidden;}
.fl_img .swiper-slide{ width: 100%; height: 100%;}
.fl_img .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.fr_txt{ width: 62%;}
.fr_txt h3{ font-weight: normal; display: flex; align-items: center; height: 75px;}
.fr_txt i{ width: 36px; height: 2px; background: #1557b0; display: inline-block; margin-left: 20px;}
.fr_txt p{ line-height: 2em; text-indent:2em;}

.Iny_02{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 30px auto;}
.fl_txt2{ width: 43%; }
.map_dt{ width: 55%; border: 1px solid #cecece;height: 420px;}
.fl_txt2 h3{ line-height: 50px; font-weight: normal; display: flex; align-items: center; }
.fl_txt2 h3 img{ width: 24px; height: 24px;margin-right: 5px;}
.fl_txt2 ul{ border-bottom: 1px solid #cecece; padding-bottom: 10px;}
.fl_txt2 ul li{ line-height: 1.6em;}

.nav_box{ width: 100%; border-bottom: 1px solid #cecece; height: 90px;}
.fle_w{ display: flex; }
.fl_ul{ width: 78%; height: 90px;}
.fl_ul2{ width: 100%;display: flex; align-items: center; height: 90px;}
.loc_fr{ width: 22%; height: 90px;}
.fl_ul ul{ display: flex; align-items: center; height: 90px;  }
.loc_fr ul{display: flex; align-items: center; height: 90px; padding-left: 30px; justify-content: flex-end;}
.loc_fr ul li{ font-size: 16px; color: #333333; margin: 0 2px;}
.loc_fr ul li a{ color: #333333;font-size: 16px; display: block;transition: all 0.3s ease 0s; }
.fl_ul ul li{ margin-right: 20px; position: relative; line-height: 90px;transition: all 0.3s ease 0s; display: flex; align-items: center;}
.fl_ul ul li a{line-height: 90px; display: block;}
.fl_ul ul li.on a,.fl_ul ul li:hover a{ color: #1557b0; font-weight: bold;transition: all 0.3s ease 0s;}
.fl_ul ul li::after{ content: ""; position: absolute; width: 0; height: 2px; background: #1557b0; left: 0; bottom: 0;transition: all 0.3s ease 0s;}
.fl_ul ul li.on::after,.fl_ul ul li:hover::after{ width: 100%;}
.loc_fr ul li a:hover{ color: #1557b0;}

.jdjs_demo{ width: 100%; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; }
.jdjs_demo a{ width: 32.2%; transition: all 0.3s ease 0s; margin-bottom: 20px; margin-right:1.5%;}
.jdjs_demo a:nth-child(3n){margin-right:0;}
.img_04{ width: 100%; height: 350px; overflow: hidden;}
.img_04 img{ width: 100%;transition: all 0.3s ease 0s; height: 100%;object-fit: cover;}
.txt_01 h3{ text-align: center; line-height: 46px;transition: all 0.3s ease 0s;width: 92%; margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.jdjs_demo a:hover .img_04 img{ transform: scale(1.05);}
.jdjs_demo a:hover .txt_01 h3{ color: #1557b0;}

.p_page a{ font-size: 16px; color: #333333; border: 1px solid #cecece; background: #fcfcfc; transition: all 0.4s ease-in-out; margin: 2px; padding: 0 15px; line-height: 2.5em; display: inline-block; cursor: pointer;}
.p_page{ display: flex; flex-wrap: wrap; margin: 20px auto;}
.p_page a:hover,.p_page a.current{ color: #ffffff; background: #1557b0; }

.jqsp{ width: 100%; margin: 0 auto; overflow: hidden;}
.des_up{ width: 100%; display: flex; justify-content: space-between; overflow: hidden;}
.zb_sp{ width: 66%;}
.yb_sp{ width: 32%; height:660px; display: flex; justify-content: space-between; flex-direction: column;}


.spt_06{ position: absolute; bottom: 0; left: 0; z-index: 10;  width: 100%; padding: 0 30px 30px 30px; box-sizing: border-box; }
.spt_07{ background: rgba(0,0,0,.4); width: 100%; height: 100%; z-index: 10; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; transition: all 0.4s ease-in-out;}
.spt_05{ width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 10; top: 0; left: 0; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 20px 60px 20px; box-sizing: border-box; transition: all 0.4s ease-in-out;}
.spt_06{ width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 10; top: 0; left: 0; position: absolute; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 20px 20px 20px; box-sizing: border-box; transition: all 0.4s ease-in-out;}
.spt_05 img,.spt_06 img{ width: 40px; height: 40px;}

.spt_05 p,.spt_06 p{ margin-top: 10px;transition: all 0.3s ease 0s;width: 92%; white-space: nowrap; line-height: 1.5em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.spt_07 p{ margin: 10px auto 0;transition: all 0.3s ease 0s;width: 92%; white-space: nowrap; line-height: 1.5em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.spt_07 p{ text-align: center; }
.spt_07 img{ width: 52px; height: 34px; margin: 0 auto; text-align: center;}
.sp_dowm{ display: flex; flex-wrap: wrap; justify-content: space-between; }
/*.sp_dowm a{ position: relative; width: 32%; height: 345px; margin-bottom: 20px;}*/

.qywh_li{width: 100%; display: flex; justify-content: space-between;}
.qy_no{ width: 18.5%; position: relative;}
.qy_no img{ width: 100%;}
.qy_no:nth-child(2n){ margin-top: 60px;}
.zi1{ width: 80%; position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}
.zi1 h3{ text-align: center; line-height: 2em;}
.zi1 p{ line-height: 1.5em; margin-top: 10px;}
.f_nor{ font-weight: normal;}

.fig_img02{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.fig_img02 a{ width: 32%; margin-bottom: 30px; height: 288px;transition: all 0.3s ease-in-out 0s; overflow: hidden;}
.fig_img02 a img{ width: 100%; height: 100%; object-fit: cover;}
.fig_img02 a:hover{ transform: translateY(-5px);box-shadow: 0 0 15px rgb(0 0 0 / 20%);}

.jqzx_con{ width: 100%; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; padding-bottom: 15px;}
.jqzx_con a{ width: 31.5%; border: 1px solid #dddddd; margin: 15px .7% 15px .7%; padding: 1%; box-sizing: border-box;transition: all 0.3s ease-in-out 0s;}
.jdtp_01{ width: 100%; height: 274px; overflow: hidden;transition: all 0.3s ease-in-out 0s;}
.jdtp_01 img{ width: 100%; height: 100%;object-fit: cover;transition: all 0.3s ease-in-out 0s;}
.jdzi_01 p{ line-height: 1.5em; padding: 10px 0;}
.jdzi_01 h3{ line-height: 1.5em;transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.jqzx_con a:hover .jdtp_01 img{ transform: scale(1.05);}
.jqzx_con a:hover .jdzi_01 h3{ color: #1557b0;}
.jqzx_con a:hover{ transform: translateY(-8px);box-shadow: 0 0 15px rgb(0 0 0 / 20%);}

.xw_xqy{ width: 100%; overflow: hidden;}
.xw_txt{ border-bottom: 1px solid #cccccc; padding: 10px 0;}
.xw_txt h3{ line-height: 1.5em;}
.xw_txt ul{ display: flex; padding: 10px 0; }
.xw_txt ul li{ line-height: 2em; background: url("../images/link5.png")no-repeat center right;  padding: 0 15px;}
.xw_txt ul li:first-child{ padding-left: 0;}
.xw_txt ul li:last-child{ background: none;}
.xw_zb1{ width: 75%;}
.xw_yb1{ width: 24%; border-left: 1px solid #cccccc; padding-left: 1%;} 
.xgxw_tit{ line-height: 2em; padding-bottom: 10px;}
.xw_con{ width: 100%; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #cccccc; overflow:hidden;}
.xw_con p{ font-size:16px; line-height:2em;}
.xw_con img{ max-width: 100%; margin: 15px auto; overflow: hidden;}
.xw_con video{ width:80%!important; height:auto!important;}
.fy_page{ padding: 20px 0; width: 100%;}
.fy_page li{ line-height: 1.5em; padding: 5px 0;transition: all 0.3s ease-in-out 0s;}
.fy_page li a{ line-height: 1.5em;transition: all 0.3s ease-in-out 0s;}
.fy_page li:hover a{ color: #1557b0;}

.xw_yb1 a{ width: 100%; border-bottom: 1px dashed #e0e0e0; margin-bottom: 15px; display: block;transition: all 0.3s ease-in-out 0s;}
.xg_img1{ width: 100%; height:214px ; overflow: hidden;transition: all 0.3s ease-in-out 0s;}
.xg_img1 img{ width: 100%; height: 100%;transition: all 0.3s ease-in-out 0s;object-fit: cover;}
.xg_txt1{ width: 100%;padding: 15px 0;}
.xg_txt1 h3{  line-height: 1.5em;transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; }
.xw_yb1 a:hover .xg_img1 img{ transform: scale(1.05);}
.xw_yb1 a:hover .xg_txt1 h3{ color: #1557b0;}
.xw_yb1 a:hover{ transform: translateY(-5px);}


.ykly_demo{ width: 100%; display: flex; justify-content: space-between;}
.ny_bjys2{ background: url("../images/ny_bj02.png")no-repeat center top; background-size: 100% auto; box-sizing: border-box; padding: 20px 30px;}
.form_zb1{ width: 35%;}
.lylb_yb1{ width: 63%;}
.bg_tit{ text-align: center; display: flex; align-items: center; justify-content: center;}
.bg_tit h3{  line-height: 80px; }
.form_list ul li{ width: 100%;  margin-bottom: 20px; display: flex; position: relative;  align-items:center;}
.form_list ul li label{ width: 25%}
.form_list ul li input.inp1{ width: 75%; line-height: 50px; background: #ffffff; border: 1px solid #cccccc; font-size: 16px; color: #333333; text-indent: 1em; border-radius:2px;}
.form_list ul li textarea{ background: #ffffff; border: 1px solid #cccccc;width: 75%; padding:20px 10px; line-height: 1.5em; font-size: 16px; color: #333333;border-radius:2px;}
.form_list ul li input.inp2{ width: 60%; line-height: 50px; background: #ffffff; border: 1px solid #cccccc; font-size: 16px; color: #333333; text-indent: 1em;border-radius:2px;}
.form_list ul li button{ background: #1557b0; width: 60%; margin: 0 auto; text-align: center; line-height: 60px; cursor: pointer;transition: all 0.3s ease-in-out 0s;}
.form_list ul li img{ position: absolute; right: 17%; top: 50%; transform: translateY(-50%); width: 97px; height: 36px;}
.pad_30{ padding: 30px 0;}
.form_list ul li button:hover{ background: #094391;}

.up_01{ background: #f6f6f6; height: 60px; display: flex; justify-content: space-between;margin-bottom: 10px;}
.up_01 h3{ width: 60%; border-top: 2px solid #85a6d3; line-height: 60px; text-indent: 1em;white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.up_01 p{ width: 40%; border-top: 2px solid #49b1a1; text-align: center; line-height: 60px; }
.lylb_list{ width: 100%; margin: 30px auto;}
.ly_box{ width: 100%; margin: 0 auto 15px;}
.down_01{ width: 100%; padding: 0 10px; display: flex; justify-content: space-between;} 
.bor_t01{ border-top: 1px dashed #cecece; padding-top: 10px;  margin-top: 10px;}
.lyt_zb{ width: 10%;}
.lyz_yb{ width: 90%;}
.lyz_yb p{ line-height: 1.6em;}

.pad_20{ padding: 20px 0;}
.pad_t30{ padding-top: 30px;}
.pad_30{ padding: 30px 0;}
.pad_d30{ padding-bottom: 30px;}
.pad_d40{ padding-bottom: 40px;}

.bjys_sj{ width: 100%; margin: 0 auto;}
.spr1{ background: url("../images/spr1.jpg")no-repeat center top;}
.spr2{ background: url("../images/spr2.jpg")no-repeat center top;}
.spr3{ background: url("../images/spr3.jpg")no-repeat center top;}
.spr4{ background: url("../images/spr4.jpg")no-repeat center top;}

.tit_04{ width: 100%; margin: 0 auto; text-align: center;}
.tit_04 h3{ position: relative; font-weight: normal;line-height: 2.5em;}
.tit_04 h3::after{ width: 46px;height: 2px; background: #1557b0; position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%);}
.sj_con{ width: 100%; margin:20px auto; overflow: hidden;}
.sj_con p{ line-height: 2em; text-indent:2em;}

.csh_con{ width: 90%; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.csh_con1{ width: 90%; margin: 0 auto; overflow: hidden; display: flex; align-items: center;  justify-content: space-between;}
.zsimg_zba,.zsimg_zba1{ width: 38%;}
.zstxt_ybb,.zstxt_ybb1{ width: 60%;}
.zsimg_zba img,.zsimg_zba1 img{ width: 100%;}
.zstxt_ybb h3,.zstxt_ybb1 h3{ line-height: 3em; font-weight: normal; position: relative;}
.zstxt_ybb h3::after,.zstxt_ybb1 h3::after{ position: absolute; top: 50%; left: 13%;width: 46px;height: 2px; background: #1557b0; content: ""; transform: translateY(-50%);}
.zstxt_ybb p{ line-height: 2em; text-indent: 2em;}
.zstxt_ybb1 p{ line-height: 1.5em; text-indent: 2em;}
.zst_img1{ width: 10%; margin: 10px auto; text-align: center;}
.wchd_g1{ background: url("../images/wc_bj03.png")no-repeat center bottom;}

.tab-nav{ background: url("../images/tab_bj.png")no-repeat left center; position: relative; height: 110px;  padding-left: 6%; background-size: auto 28px;display: flex;justify-content: space-between;width:87%;}
.doll1::after{ content: ""; position: absolute; left: 0; top: 0; width: 86px; height: 100px; background: url("../images/doll_ip1.png")no-repeat center center; background-size: cover;}
.doll2::after{ content: ""; position: absolute; left: 0; top: 0; width: 86px; height: 100px; background: url("../images/doll_ip2.png")no-repeat center center; background-size: cover;}
.doll3::after{ content: ""; position: absolute; left: 0; top: 0; width: 150px; height: 100px; background: url("../images/doll_ip3.png")no-repeat center center; background-size: cover;}
.doll4::after{ content: ""; position: absolute; left: 0; top: 0; width: 86px; height: 100px; background: url("../images/doll_ip4.png")no-repeat center center; background-size: cover;}
.tab-nav::after{animation: pulse linear 1s infinite normal;-webkit-animation: pulse linear 1s infinite normal;-moz-animation: pulse linear 1s infinite normal;}
.tab-nav-item{ margin: 0 auto; text-align: center; padding-top: 44px; cursor: pointer;}
.tab-nav-item.active i{width: 22px; height: 22px; background: url("../images/ny_ico08.png")no-repeat -22px 0; display: block;  margin: 0 auto;
    animation: pulse linear 1s infinite normal;-webkit-animation: pulse linear 1s infinite normal;-moz-animation: pulse linear 1s infinite normal;
}

.tab-nav-item i{ width: 22px; height: 22px; background: url("../images/ny_ico08.png")no-repeat 0 0; display: block;  margin: 0 auto;}
.tab-nav-item p{ line-height: 3em;}
.tab-nav-item.active p{ color: #1557b0; font-weight: bold;}

.tab-swiper{ width: 100%; overflow: hidden; position: relative;}
.tab-swiper .swiper-slide h3{ line-height: 2em; font-weight: normal;}
.tab-swiper .swiper-slide{ padding: 20px 0; }
.tab-swiper .swiper-slide p{ line-height: 2em;}
.tab-swiper .swiper-slide ul{ width: 100%; margin: 20px auto; overflow: hidden; display: flex; flex-wrap: wrap;}
.tab-swiper .swiper-slide ul li{ width: 31%; margin-right: 1.5%; margin-bottom: 20px;}
.tab-swiper .swiper-slide ul li:nth-child(3n){ margin-right: 0;}
.tab-swiper .swiper-slide ul li img{ width: 100%; height: 324px;  object-fit: cover;}

.bj_sea{ width: 100%; margin: 0 auto;}
.seas_bjys1{ background-image: url("../images/seas_bj01.jpg"); background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;}
  .seas_bjys2{ background-image: url("../images/seas_bj02.jpg"); background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;}

.dzgy_imgs{ width: 96%; margin:30px auto; display: flex; justify-content: space-between; }
.fzt_zb{ width: 70%;}
.fzt_zb img{ width: 100%;}
.fzz_yb{ width: 29%; display: flex; flex-direction: column; justify-content: space-between;}
.fzz_yb img{ width: 100%;}
.dzgy_txt img{ margin: 20px;}
.dzgy_txt p{ line-height: 2em; text-indent: 2em;}

.ny_bjys3{ width: 100%; background: url("../images/ny_bj03.jpg")no-repeat center bottom; background-size: 100% auto; }
.ny_bjys4{width: 100%; background: url("../images/ny_bj04.jpg")no-repeat center center; background-size: 100% auto;  }
  .ny_bjys5{width: 100%; background: url("../images/ny_bj05.jpg")no-repeat center bottom; background-size: 100% auto;}
  .ny_bjys6{width: 100%; background: url("../images/ny_bj06.jpg")no-repeat center bottom; background-size: 100% auto;}

.tpxs_list{ width: 100%; margin: 30px auto; overflow: hidden; display: flex; flex-wrap: wrap;} 
.tpxs_list a{ width: 24%; position: relative; margin-bottom: 20px; margin-right: 1.3%;transition: all 0.3s ease-in-out 0s;}
.tpxs_list a:nth-child(4n){ margin-right: 0;}
.tpxs_img{ width: 100%; overflow: hidden; height: 244px;transition: all 0.3s ease-in-out 0s;}
.tpxs_img img{ width: 100%;transition: all 0.3s ease-in-out 0s;object-fit: cover; height: 100%;} 
.tpxs_txt{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 90%;white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto; z-index: 3;}
.tpxs_txt p{ text-align: center; line-height: 2em;transition: all 0.3s ease-in-out 0s;}
.tpxs_list a:hover .tpxs_img img{ transform: scale(1.05);}
.tpxs_list a:hover .mask4{ opacity: 1;}

.kpyd_list{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.kpyd_list a{ width: 50%; position: relative; display: flex; margin: 15px 0;  justify-content: flex-end;transition: all 0.3s ease-in-out 0s;}
.kp_box{ width: 92%; background: rgba(255, 255, 255, .7); padding: 20px 20px 20px 40px; box-sizing: border-box; }
.kp_box h3{ line-height: 2.5em; width: 90%;transition: all 0.3s ease-in-out 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.kp_box p{ line-height: 2em; transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
    .ico_no{  width: 40px; height: 43px; position: absolute; top: 20px; left: 5%; background: url("../images/num01.png")no-repeat center center; text-align: center;}
.ico_no h3{ line-height: 40px; font-weight: normal;}
.kpyd_list a:hover .kp_box h3{ color: #1557b0;}
.kpyd_list a:hover{ transform: translateY(-8px); }
.kpyd_list a:hover .kp_box{box-shadow: 0 0 15px rgb(0 0 0 / 5%);}

.tx_c{ text-align: center;}

.vs_demo2 .video-js{ width: 100%; height: 100%;}
.vs_demo2 a,.vs_demo1 a,.vs_demo3 a{ width:100%; height: 100%;}
.vs_demo1 a:hover .img_sp1 img,.vs_demo2 a:hover .img_sp1 img,.vs_demo3 a:hover .img_sp1 img{ transform: scale(1.05);}
.vs_demo2 {width: 32%; position: relative; height: 315px; overflow: hidden; background: #000000; display: flex; align-items: center; margin-bottom: 30px; cursor: pointer;}
/* 隐藏默认的大播放按钮 */
.vjs-big-play-button {display: none !important;}  
/* 播放按钮隐藏状态 */
.custom-play-button.hidden { opacity: 0; visibility: hidden;  }
.vs_demo1{ width: 100%;height: 660px;position: relative; overflow: hidden; background: #000000; display: flex; align-items: center; cursor: pointer;}
.vs_demo3{ width: 100%;height: 315px;position: relative; overflow: hidden; background: #000000; display: flex; align-items: center; cursor: pointer;}
.vi_box{ transition: all 0.4s ease-in-out;}
.vi_box:hover .spt_05,.vi_box:hover .spt_06,.vi_box:hover .spt_07{ background: rgba(0,0,0,.2);}


.img_sp1{ width: 100%; height: 100%; overflow: hidden;transition: all 0.4s ease-in-out;}
.img_sp1 img{ width: 100%; height: 100%;transition: all 0.4s ease-in-out;}




.page_ny01 p{line-height: 2.5em;}
.page_ny01 img{  max-width:100%; margin:0 auto;}

.ban_firebug { position: relative; bottom: 0;
    width: 100%;
    min-width: 1400px;
    background: url(../images/ban_firebug.png) center 0 repeat-y;
    overflow: hidden;
    -webkit-animation: banFirebug 12s linear infinite;
    -moz-animation: banFirebug 12s linear infinite;
    -ms-animation: banFirebug 12s linear infinite;
    -o-animation: banFirebug 12s linear infinite;
    animation: banFirebug 12s linear infinite;
}
@keyframes banFirebug{
	0% {
    background-position: center 0;
	}
	100% {
	    background-position: center -600px;
	}
}
@-moz-keyframes banFirebug{
	0% {
    background-position: center 0;
	}
	100% {
	    background-position: center -600px;
	}
}




@media screen and (min-width: 1921px) {
  /* .jqsp_demo{ height: 420px;}
  .fle_d{ height: 420px;} */
  .vs_demo1{ height: 560px;}
  .vs_demo3{ height: 268px;}
  .vs_demo2{ height: 268px;  margin-bottom: 25px;}
  .yb_sp{ height: 560px;}
}

@media screen and (max-width: 1440px) {

.left2{ height: 527px;}
.right2{ height: 527px;}
.middle{ margin: 15px auto;}
.ind09 .module .pos_img .left{ height: 440px;}
.ind09 .module{ height: 440px;}
.img_04{ height: 266px;}
.img_03 img{ height: 192px;}
.fl_img{ height: 290px;}
.img_yb1{ height: 290px;}
.txt_zb1{ height: 290px;}
.img_04{ height: 280px;}
.vs_demo2{ height: 280px;}
.vs_demo3{ height: 280px;}
.yb_sp{ height: 590px;}
.vs_demo1{ height: 590px;}
.jdtp_01{ height: 210px;}
.tab-swiper .swiper-slide ul li img{ height: 240px;}
.fig_img02 a{ height: 215px;}
.xg_img1{ height: 160px;}
.tpxs_img{ height: 220px;}

}

