.ny_banner{position: relative;}
.ny_banner .banner_p{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; margin: auto; }
.ny_banner .banner_p p{position: absolute; display: inline-block; left: 0; right: 0; top: 35%; bottom: 0; text-align: center; font-size: 48px; font-family: "HarmonyOS_Sans_SC_Bold"; color: #fff;}
.ny_banner .banner_p p span{display: block; font-weight: normal; margin-top: 10px; font-size: 20px; font-family: "HarmonyOS_Sans_SC_Light";}
.ny_about{padding: 100px 0; background: url(../images/about_bg.jpg) no-repeat left bottom;}
.ab_tit p{font-size: 18px; font-family: "HarmonyOS_Sans_SC_Light"; color: #666; padding-bottom: 20px;}
.ab_tit h3{font-size: 48px; color: #165ea7; font-weight: bold; padding-bottom: 50px;font-family: "HarmonyOS_Sans_SC_Regular";}
.about_content .col-sm-5{padding-right: 40px;}
.full-image img{max-width: 5000px; /* 图片最大宽度为500px */}
.about_content .col-sm-5 img{width: 100%; border-radius: 8px;}
.about_content p{color: #333; line-height: 2em;font-family: "HarmonyOS_Sans_SC_Light"; text-indent: 2em; margin-bottom: 30px;}
.ab_shuju{overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; color: #fff; padding: 50px 0; background: #2059a8; text-align: center; font-family: "HarmonyOS_Sans_SC_Regular";}
.ab_shuju .w-20{position: relative;}
.ab_shuju .w-20:before{content: ""; display: block; width: 1px; height: 100px; background: rgb(255,255,255,0.3); position: absolute; left: 0; top: 50%; margin-top: -50px;}
.ab_shuju h2{font-size: 38px; }
.ab_shuju h5{font-size: 15px; text-transform: uppercase; padding-top: 8px;}
.ab_shuju h3{font-size: 48px; font-weight: bold; padding-bottom: 36px;}
.ab_shuju h4{font-size: 20px;}
.jiagou{padding: 100px 0}
 .poster-btn {display:none}
.wenhuali{width: 300px; padding: 0 4px; height: 515px; display: flex; flex-wrap: wrap; align-items: center; }
.wenhualist{display: flex; flex-wrap: wrap;}
.wenhuali_img{width: 0; overflow: hidden;transition: all 0.5s; float: right;}
.wenhuali_left{ }
.left_bg{background: #eee; width: 100%; display: flex;  align-items: center; padding-left: 40px;}
.wenhua{padding-bottom: 100px;}
.wenhuali_left h4{padding: 20px 0; font-size: 18px; text-transform: uppercase; font-family: "HarmonyOS_Sans_SC_Light"; color: #717171}
.wenhuali_left h3{padding-top: 20px; font-size: 24px; font-weight: bold; }
.wenhuali_left p{font-size: 18px;font-family: "HarmonyOS_Sans_SC_Light"; color: #000; opacity: 0; transition: all 0.5s}
.wenhuali.active .wenhuali_img{width: calc(100% - 270px);transition: all 0.5s;  position: relative; z-index: 1;}
.wenhuali.active .wenhuali_left{width: 270px}
.wenhuali.active{width: calc(100% - 600px)}
.wenhuali.active .left_bg{ position: relative;}
.wenhuali.active .left_bg:after{content: ""; display: block; background: #165ea7; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.wenhuali.active .left_bg h4,.wenhuali.active .left_bg h3,.wenhuali.active .left_bg p{color: #fff; position: relative; z-index: 1;}
.wenhuali.active .wenhuali_left img{display: none;} 
.wenhuali.active .left_bg h4{padding-bottom: 40px;}
.wenhuali.active .left_bg p{opacity: 1;}
.history{min-height: 940px; background: url(../images/history_bg.jpg) no-repeat bottom center; background-size: cover; padding: 100px 0}
.history .ab_tit p,.history .ab_tit h3{color: #fff}
.history .swiper-container{transform: rotate(-5deg); padding-top: 50px; min-height: 320px;transform-origin: center; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
.history .swiper-slide{transform: rotate(5deg); position: relative; padding-left: 40px;transform-origin: center; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
.history .swiper-slide:before{content: ""; display: block; width: 12px; height: 12px; background: #fff; border-radius: 12px; position: absolute; left: 10px; top: 10px;}
.history .swiper-slide:after{width: 1px; height: 320px; background: rgba(255,255,255,0.22);content: ""; display: block; width: 1px; left: 16px; position: absolute; top: 10px;}
.history h1{font-size: 24px; color: #fff; margin-bottom: 20px;}
.history h2{font-size: 18px; color: #fff; margin-bottom: 15px;}
.history p{color: #fff; line-height: 2em; font-family: "HarmonyOS_Sans_SC_Light";}
.zizhi{padding: 100px 0}
.zs_tab{position: relative;}
.zs_tti{position: absolute; right: 0; top: -115px;}
.zs_tti a{display: inline-block; width: 62px; height: 62px; line-height: 60px; text-align: center; border: solid 1px #fff; font-size: 18px; margin-left: 20px;}
.zs_tti .active{border: solid 1px #165ea7; position: relative; color: #165ea7;     border-radius: 4px;}
.zs_tti .active:after{content: "▲"; display: block; position: absolute; bottom: 25px; left: 24px; height: 15px; font-size: 12px; color: #165ea7}
.zizhi .swiper-button-prev{left: -60px; width: 50px; height: 50px; background: #165ea7; border-radius: 50px; font-size: 16px;}
.zizhi .swiper-button-next{right: -60px; width: 50px; height: 50px; background: #165ea7; border-radius: 50px; font-size: 16px;}
.zizhi .swiper-button-next:after, .zizhi .swiper-button-prev:after{font-size: 18px; color: #fff}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;  background: #eee;}
.zizhi .swiper-button-next.swiper-button-disabled:after,.zizhi .swiper-button-prev.swiper-button-disabled:after{color: #000}



.pro_ny{padding: 100px 0}
.pro_nav{text-align: center; margin-bottom: 50px;}
.pro_nav a{display: inline-block; padding: 22px 28px; color: #333; border: solid 1px #ccc; border-radius: 8px; margin: 0 7px;}
.pro_nav a:hover,.pro_nav a.active{background: #165ea7; color: #fff; border: solid 1px #165ea7;}
.pro_li{overflow: hidden; border-radius: 8px; margin-bottom: 30px; transition: all 0.5s; position: relative;}
.pro_li a{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0}
.pro_li p{line-height: 84px; height: 84px; overflow: hidden; font-size: 18px; color: #333; text-align: center; border: solid 1px #eeeeee; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;  font-family: "HarmonyOS_Sans_SC_Regular";transition: all 0.5s}
.pro_li:hover p{background: #165ea7; color: #fff; border: solid 1px #165ea7;}
.pro_li:hover{ box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.3);}
.pro_li img{transition: all 0.5s}
.proli_img{overflow: hidden;}
.pro_li:hover img{transform:scale(1.1);}


.news_li{border-radius: 8px;  overflow: hidden; margin-bottom: 30px;}
.news_li .news_txt h3{font-size: 18px; color: #333; font-weight: bold; line-height: 2em; padding-bottom: 10px; border-bottom: solid 2px #f0f0f0; margin-bottom: 25px;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_li .news_txt p{display: flex; flex-wrap: wrap; font-size: 18px; padding-bottom: 10px;}
.news_li .news_txt p .time{width: 80%; font-size: 18px; color: #666}
.news_li .news_txt p .jiantou{width: 20%; text-align: right; font-size: 24px;}
.news_li .news_txt {    background: #f5f5f5;    padding: 10px;    padding-top: 15px;}
.news_li:hover img{transform: scale(1.1);}
.news_img img{transition: all 0.5s}
.news_img{overflow: hidden;}
.pages{margin:0px; margin-top: 40px; text-align: center;display: flex;justify-content: center;}
.pages a{ height: 42px; border-radius: 42px; padding:0 5px;margin:0 5px; line-height: 40px;color:#999999; border:1px solid #ccc; min-width: 42px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.on{border:1px solid #165ea7;color:#fff;background-color: #165ea7;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc; color:#fff;cursor: default;}
.pva_list{padding: 100px 0}
.pva_li{margin-bottom: 80px;}
.pva_li:last-child{margin-bottom: 0}
.pva_li .row{display: flex; align-items: center; flex-wrap: wrap;}
.pva_li h3{font-size: 30px; margin-bottom: 25px; line-height: 40px; color: #165ea7; font-weight: bold;font-family: "HarmonyOS_Sans_SC_Bold"; }
.pva_li h3:before{content: ""; display: block; margin-right: 20px;  float: left; width: 10px; height: 40px; border-radius: 8px; background: #69b82d}
.pva_li{font-size: 18px; line-height: 2em}
.pva_li dt{font-weight: bold; line-height: 2em;font-family: "HarmonyOS_Sans_SC_Regular";}
.pva_li dd{line-height: 2em; position: relative; padding-left: 20px;}
.pva_li dd:before{content: ""; display: block; width: 8px; height: 8px; border-radius: 8px; background: #69b82d; position: absolute; left: 0; top: 15px;}
.qubie_tit{font-size: 30px; font-weight: bold; color: #165ea7;font-family: "HarmonyOS_Sans_SC_Bold"; text-align: center; margin-bottom: 100px; margin-top: 80px;}
.qubie_list .col-sm-6{padding:0 45px}
.qubie_left{margin-top: 220px; background: #e5f6ed; border-radius: 30px; padding: 40px 30px; position: relative;}
.qubie{padding-bottom: 100px;}
.qubie_right{margin-top: 220px; background: #e7eff6; border-radius: 30px; padding: 40px 30px; position: relative;}
.qubie_right:first-child{margin-top: 0}
.qubie_li h3{font-size: 24px;font-family: "HarmonyOS_Sans_SC_Bold"; color: #333; padding: 24px 0 }
.qubie_li p{font-size: 18px; line-height: 2em}
.qubie_right:after{content: ""; display: block; width: 1px; background: #165ea7; height: 100%; position: absolute; left: -45px; top: -50%}
.qubie_right:first-child:after{top: 50%}
.qubie_right:before{content: ""; display: block; width: 12px; background: #165ea7; height: 12px; border-radius: 12px; position: absolute; left: -51px; top: 50%}
.qubie_left:before{content: ""; display: block; width: 12px; background: #165ea7; height: 12px; border-radius: 12px; position: absolute; right: -52px; top: 50%}



.service_li{background: #f5f5f5; border-radius: 8px; margin-bottom: 30px; display: flex; flex-wrap: wrap; padding:30px 115px; align-items: center;}
.service_icon{width: 170px; height: 170px; border-radius: 170px; background: #fff; margin-right: 80px;}
.service_txt h3{font-size: 20px; font-family: "HarmonyOS_Sans_SC_Bold"; color: #165ea7; margin-bottom: 10px;}
.service_txt h4{font-size: 18px; display: inline-block; line-height: 36px; font-family: "HarmonyOS_Sans_SC_Bold"; color: #fff; padding: 0 15px; margin-bottom: 10px; background: #69b82d; border-radius: 8px;}
.service_txt p{line-height: 2em; font-size: 18px;}
.service_txt {width: calc(100% - 250px)}


.zeren{padding: 100px 0;}
.zr_t{font-size: 20px; line-height: 2em; text-align: center;}
.zeren_list{padding-top: 60px;}
.zeren_li{margin-bottom: 30px; background: #edf6ff; border-radius: 8px; margin-bottom: 30px; padding: 30px 40px;text-align: center;}
.zeren_li img{background: #165ea7; border-radius: 88px;}
.zeren_li h3{font-size: 24px; padding: 20px 0; font-weight: bold;}
.zeren_li p{font-size: 18px; line-height: 2em; height: 72px; display: block;}
.baogao{text-align: center; display: block;}
.baogao a{padding: 20px 40px; background: #edf6ff; font-size: 20px; display: inline-block; margin-top: 20px; margin-bottom: 120px; color: #333; font-family: "HarmonyOS_Sans_SC_Regular"; border-radius: 8px;}
.huaban{padding: 0 115px; display: flex; flex-wrap: wrap; position: relative;}
.huabanli{width: 50%; padding: 20px;}
.huabanbg{background: #4ca6ff; height: 100%; padding: 60px 45px; min-height: 550px;}
.title_h{text-align: center;}
.title_h h3{font-size: 24px; font-family: "HarmonyOS_Sans_SC_Bold"; color:#fff; padding-bottom: 30px;}
.huabanbg p{color: #fff; line-height: 2em}
.huabanbg1{border-top-right-radius: 75px; border-bottom-left-radius: 75px;}
.huabanbg2{border-top-left-radius: 75px; border-bottom-right-radius: 75px;}
.huabanbg3{border-top-left-radius: 75px; border-bottom-right-radius: 75px; padding-top: 140px;}
.huabanbg4{border-top-right-radius: 75px; border-bottom-left-radius: 75px; padding-top: 140px;}
.huabanli5{width: 460px; height: 460px; overflow: hidden; padding: 0;border-radius: 460px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; overflow: hidden; border: solid 25px #e3f1ff;}
.huabanbg5{ padding:30px 50px; text-align: center; }
.contact{padding:100px 0; overflow: hidden;}
.con_right h3{font-size: 24px; color: #165ea7;font-family: "HarmonyOS_Sans_SC_Bold";}
.con_right p{font-size: 20px; line-height: 36px; margin-top: 20px;}
.con_right p span{display: flex; align-items: center;}
.con_right p img{float: left; margin-right: 5px;}
.contact .row{display: flex; flex-wrap: wrap; align-items: center;}
.liuyan{padding-top: 120px;}
.ly_tit{font-size: 36px; color: #165ea7; text-align: center; font-family: "HarmonyOS_Sans_SC_Regular"; margin-bottom: 50px;}
.ly_table{margin: 0 -8px;}
.ly_table > div{padding: 8px;}
.ly_table input{height: 56px; background: #f5f5f5; border-radius: 4px; border: 0; padding: 0 10px; width: 100%}
.ly_table textarea{background: #f5f5f5; border-radius: 4px; border: 0; width: 100%;padding: 10px;}
.ly_table .submit{height: 56px; background: #165ea7; color: #fff; font-size: 18px; border:0;}
.detail_left{width: 23%}
.detail_right{width: 77%}
.pro_detail .container{display: flex; flex-wrap: wrap;}
.pro_detail{padding: 100px 0}
.detail_left dl{margin-bottom: 30px; border-radius: 8px; overflow: hidden; background: #f0f7ff;}
.detail_left dl dt{background: #165ea7; font-size: 18px;  padding: 20px 25px; color: #fff; font-family: "HarmonyOS_Sans_SC_Regular"; font-weight: normal;}
.detail_left dl dd{}
.detail_left dl a{ padding: 15px 15px 15px 25px; display: block; border-bottom: solid 1px #fff;}
.detail_left dl ul{background: #f3f3f3}
.detail_left dl ul li{padding-left: 30px;  border-bottom: solid 1px #fff;}
.detail_left dl ul li a{border-bottom: 0}
.detail_left dl a{position: relative;}
.detail_left dl a:after{content: "\f105"; display: block; position: absolute; color: #999; right: 15px; top: 15px; font: normal normal normal 18px / 1 FontAwesome;}
.detail_right{padding-left: 60px;}
.detail_top img{width: 350px; border-radius: 8px; margin-right: 50px;}
.detail_top{display: flex; flex-wrap: wrap; margin-bottom: 80px;}
.detail_top .jianjie{width: calc(100% - 400px)}
.jianjie h3{font-size: 36px; padding: 20px 0; border-bottom: solid 2px #c2e0ff; margin-bottom: 25px;}
.jianjie p{font-size: 20px; line-height: 2em; color: #333}
.pro_content dt{font-size: 28px; color: #165ea7; position: relative; padding-bottom: 60px;}
.pro_content dt:before{content: ""; display: block; height: 1px; width: 100%; background: #165ea7; position: absolute; top: 20px;}
.pro_content dt > div{background: #fff; display: inline-block; position: relative;z-index: 1; padding-right: 20px;}
.pro_content dd{font-size: 20px; line-height: 2em; color: #333}
.pro_content dl{padding-bottom: 60px;}
.return{border-top: solid 1px #ccc; padding-top: 25px;}
.return i{margin-right: 15px;}
.new_detail{padding: 100px 0}
.pro_tit{font-size: 28px; text-align: center; border-bottom: solid 1px #eee; padding-bottom: 20px;}
.poster-txt.xg:after{display:none}
.poster-txt{text-align:left}
@media (min-width:992px) {    
    
} 
   
@media (max-width:1440px) {  
	.wenhuali.active .wenhuali_left {width: 210px;}
  .wenhuali.active .wenhuali_img{width: calc(100% - 210px); position: relative;}
  .wenhuali_img .ting{opacity: 0;}
  .wenhuali_img .xuanting{ }
  .wenhuali{width:250px;}
  .wenhuali.active {    width: calc(100% - 500px);}
  .huabanbg p{line-height:1.5em}
  .huabanbg3,.huabanbg4{padding-top:160px;}
  .huabanbg{    min-height: 620px;}
} 

@media(max-width:1199px){ 
	 
}

@media(max-width:991px){ 
	.ny_banner .banner_p p{font-size: 24px;}
	.ny_banner .banner_p p{padding: 0 15px;}
	.pro_nav a{padding: 15px; margin-bottom: 15px;}
	.detail_left{width: 100%}
	.detail_right{width: 100%; padding-left: 0;}
	.detail_top .jianjie{width: 100%}
	.service_li{padding: 30px;}
	.service_icon{margin:30px auto}
	.service_li{display: block; text-align: center;}
	.service_txt{width: 100%}
	.about_content .col-sm-5 img{margin-bottom: 30px;}
	.ab_shuju .w-20{width: 100%; margin-bottom: 50px;}
	.ab_shuju .w-20:first-child{width: 100%; margin-bottom: 50px;}
	.wenhuali.active .left_bg:after,.wenhuali.active .wenhuali_img{width: 0}
	.wenhuali,.wenhuali.active{width: 33.33%; margin-bottom: 30px;}
	.wenhuali_left p{opacity: 1;}
	.wenhuali.active .wenhuali_left img{display: block;}
	.wenhuali{height: auto;}
	.wenhuali.active .left_bg h4, .wenhuali.active .left_bg h3, .wenhuali.active .left_bg p{color: #333}
	.wenhuali.active .left_bg h4{padding-bottom: 20px}
	.wenhuali_img img{height: 360px;}
	.ab_tit h3{font-size: 24px; padding-bottom:20px;}
	.ab_tit p{font-size: 14px; padding-bottom:5px;}
	.zizhi .swiper-button-prev{left: 0}
	.zizhi .swiper-button-next{right: 0}
	.pva_img{margin: 30px 0}
	.pva_li{margin-bottom: 30px;}
	.pva_list{padding: 50px 0}
	.qubie_tit{margin:0 0 50px 0;}
	.qubie_left{margin-top: 0; margin-bottom: 30px;}
	.qubie_right{margin-top: 0; margin-bottom: 30px;}
	.qubie_left:before,.qubie_right:after,.qubie_right:before{display: none}
	.qubie_list .col-sm-6{padding: 0 15px;}
	.con_right{padding-top: 30px;}

   .huaban{padding:0}
  .huabanli{width:100%; padding:0; margin-bottom:30px}
  .huabanli5{border:0; position: inherit;  border-radius:0;   border-top-left-radius: 75px;
    border-bottom-right-radius: 75px;}
  
  .pro_content dt,.jianjie h3{font-size:18px;}
  .pro_content dd,.jianjie p{font-size:14px;}
  .pro_content dt,.pro_content dl {    padding-bottom: 30px;}
  .detail_top{margin-bottom:30px;}
  .detail_left{display:none}
  .detail_top img{margin-right:0; width:100%}
  .zizhi,.jiagou,.ny_about{padding:50px 0}
  .video{margin-bottom:30px;}
  .ab_shuju h2 {    font-size: 24px;}
  .ab_shuju .w-20{width:25%}
  .ab_shuju h3 {
    font-size: 24px;}
  .ab_shuju h4 {    font-size: 16px;}
  .ab_shuju h3{padding-bottom:15px;}
  .wenhuali_left h3{font-size:18px;}
  .zs_gundong .swiper-slide{padding:0 15px;}
  .wenhua {    padding-bottom: 50px;}
  .zs_tti{top:-75px;}
  .news_li .news_txt h3{font-size:16px; margin-bottom:10px;}
  .news_li .news_txt p .time{font-size:14px;}
  .news_li .news_txt p{padding-bottom:0}
  .pages a{width:30px; height:30px;     min-width:30px; line-height:28px;}
  .pro_ny {    padding: 50px 0;}
  .pages{margin-top:20px;}
  .ny_banner{height:240px !important}
  .ny_banner .banner_p p span{display:none}
  .wenhuali .wenhuali_img{display:none}
  .left_bg{padding:30px 10px;       align-items: normal; height: 100%;}
  .wenhuali_left h4{font-size:14px;}
  .wenhuali{width:33.33%}
  .about_content .col-sm-5{padding-right:15px;}
  .wenhuali .left_bg p{font-size:12px;}
  .history {min-height: 440px; padding:50px 0 0 0}
  .history .swiper-container{min-height:260px;}
  .wenhuali{}
  .qubie_li h3,.pva_li h3{font-size:20px;}
  .qubie_li p,.pva_li{font-size:16px;}
  .qubie_tit{font-size:24px;}
  .huabanbg3,.huabanbg4{padding-top:60px;}
  .huabanbg{    min-height: inherit;}
  .zs_tti a{width:46px; height:46px; line-height: 42px;    }
  .zs_tti .active:after{ bottom: 11px;    left: 16px;}
  .huabanbg{padding:30px;}
  .baogao a{font-size:14px; margin-bottom:50px;}
  .zeren_li{display:flex; padding:15px;         align-items: center;}
  .zeren1{padding-left:15px; text-align:left}
  .zeren_li p,.zr_t{font-size:14px;}
  .zeren_li h3{font-size:16px; padding: 10px 0;}
  .contact,.zeren{padding:50px 0}
  .zeren_li p{height:auto}
  .huabanli5{height:auto}
  .con_right p{font-size:16px;}
  .liuyan{padding-top:50px;}
  .poster-txt{height:300px;}
.poster-btn {display:inline-block}
  .poster-txt.xg:after{display:block}
  .cp_img{height:200px; overflow:hidden;         width: 100%; border-radius: 8px;}
  .pro_detail {
    padding: 50px 0;}
  .wenhuali_left img{width:50px}
}


@media(max-width:767px){  
	

}