body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
#section0{
	background-image: linear-gradient(128deg,#ffffff,#f1f1f1);
	    padding-top: 100px;
}

#section1{
	background-image: linear-gradient(128deg,#ffffff,#f1f1f1);
}
body{ position:relative}


#section3{
	background-image: linear-gradient(128deg,#f9f9f9,#f9f9f9);
}
#section4{background:url(../img/news_bg.jpg) no-repeat; object-fit: cover; }
#section6{ height: auto !important;}
#section6.fp-section,
#section6 .fq-slise, 
#section6 .fq-tableCell{height:auto !improtant;}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive{ height: auto !important;}


@font-face{  font-family: "Barlow Condensed"; src: url(../fonts/BarlowCondensed.ttf);}
ol,ul{ 	list-style:none;}
input, textarea{border: 0; background: none;outline: none;}
a{ text-decoration: none;}
body{ font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
.nav{position: fixed; top: 0px; background: #fff; color: #666; z-index: 1000;width: 100%;border-bottom: 1px #ddd solid;display: flex;          /* 👈 新增 */
  justify-content: space-between; /* 👈 新增 */
  align-items: center;    /* 👈 新增 */
  padding: 0 20px;        /* 👈 可选：增加内边距避免贴边 */}
.nav ul li{display: inline-block; line-height: 100px; position: relative;}
.warp{ width:100%; margin: auto; display: flex; position: relative;}
.warp .logo{ margin-left: 100px;    padding-top: 20px;}
.nav ul{ margin-left: 1%; flex-wrap: wrap; }
.nav ul a{ padding: 0 calc(8px + 0.5vw);          /* 动态内边距 */
  color: #333;
  font-size: calc(14px + 0.3vw);         /* 基础14px，每1000px视口+3px */
  display: inline-block;                 /* 或 block，保持在一行 */
  white-space: nowrap;                   /* 关键：禁止换行 */
  text-overflow: ellipsis;               /* 溢出显示... */
  overflow: hidden;                      /* 隐藏溢出 */
  max-width: 150px;                      /* 限制最大宽度，防止撑开 */
  transition: all 0.3s ease;             /* 平滑过渡 */
  line-height: 1.4;                      /* 相对行高 */}
.nav_right{ display: flex;
  align-items: center;
  gap: 20px;              /* 👈 新增：元素间距 */
  flex-shrink: 0;         /* 👈 新增：防止被压缩 */
  white-space: nowrap;    /* 👈 新增：防止文字换行 */
  /* position: absolute; ← 删除 */
  /* right: 50px;        ← 删除 */
  /* top: 30px;          ← 删除 */}
.nav_right .sh img{width: 30px;}
.nav_right .dh{ padding-left: 50px;  margin-left: 20px; background: url(../img/dh.png) no-repeat left; background-size: 40px 40px;}
.nav_right .dh p{color: #397dae;font-size: 18px;}
.nav_right .dh p span{    font-size: 20px;}
.nav li::before{ position: absolute; content: ""; bottom: 0px; width: 0; background: #174f81; height: 3px; transition: all 0.3s;}
.nav li.on::before{ width: 100%; }
.nav li:hover a{ color: #174f81 ;}
.nav li:hover::before{ width:100%}
.khfw{ margin-top: 50px; line-height: 30px; margin-bottom: 100px;}

#section0 .fp-overflow{ height: 100%;}

#slide1{  object-fit: cover; background-size:100% ;}
.warp81{ padding-left: 10%;}
.wrap80{ width: 80%; margin: auto;}
.h_about{ display: flex;  text-align: left;     opacity: 0;
    transform: scale(.9);
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;}
#section1.active .h_about{    opacity: 1;
    transform: scale(1);}
	
.h_about_fl{ width: 50%;}
.h_about_fl h2{ position: absolute; top: 56px; font-size: 200px; font-weight: bold;text-transform: uppercase;
    color: #f8f8f8;}
.h_about_fl  h1{ font-size: 36px;color: #666; padding-top: 20px;}
.h_about_fr{position: relative; width: 50%; background: url(../img/p13.png) no-repeat;  padding: 0 0 52px 7.81%;background-size:100% 100%;background-position-y:100px;}
.h_about_fr .about_pic img{ height: 542px; width: 100%; object-fit: cover;}
.h_about_fr span{ position: absolute;top: 45%; left: 10%;}
 .banner_text{    position: absolute}  
 .banner_text p{font-size: 24px;
    line-height: 45px;
    font-weight: 100;}   
.banner_text h2{font-size: 65px;
    color: #fff;
    font-weight: bold;}	

.about_text_con p{ line-height: 35px;
    font-size: 16px;
    color: #666;
    font-weight: 500;;}	
.about_text{ position: relative;z-index: 10;}
.about_text i{ position: absolute; left: 0; top: 0; width: 90px; height: 5px; background:#18528c;}
.about_text_con{ margin-top: 90px; line-height: 35px; font-size: 16px; color: #666; font-weight: 500;}
.a_more{ background: #18528c; color: #fff; font-size: 14px; line-height: 50px; padding: 0 50px;border-radius: 50px; display: inline-block; margin-top: 50px;}
.about_num ul{display: flex;}
.about_num{ margin-top: 50px;     font-family: "Barlow Condensed";}
.about_num ul li span{ font-size: 50px; color: #18528c;font-weight: 600;
    font-family: fantasy,Arial;}
.about_num ul li p{ color: #666; font-size: 16px;}
.about_num ul li{ flex: 1;}
.video{cursor:pointer; transition:0.6s}

video{ width: 100% !important; }
.layui-layer-content{ height: auto !important;}
.video:hover{-moz-transform:rotate(90deg);

-webkit-transform:rotate(90deg);

transform:rotate(90deg);

filter:progid:(rotation=1);}

.syly h2{ font-weight:600; font-size: 48px; margin-bottom: 20px;  color: #17528c;border-bottom:1px #979797 solid; position: relative; display: block}
.syly h2::before{content:"" ; position:absolute; bottom: 0px; background: #18528c; width: 10%; height: 2px;}
.syly p{ color: #999; font-size: 16px; }
 .syly_item{ margin-top: 20px; opacity: 0;
    transform: scale(.9);
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;}
#section2.active .syly_item{    opacity: 1;transform: scale(1);}
.home_caselist{opacity: 0;
    transform: scale(.9);
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;}
#section3.active .home_caselist{opacity: 1;transform: scale(1);}


 .syly_item ul{ display: flex; flex-wrap: wrap;} 
 .syly_item ul li{z-index: 1;position: relative; width:calc(25% - 68px); border:1px #f1f1f1 solid; padding:50px 10px; margin: 23px; position: relative;overflow: hidden; transition: 0.6s;}
 .syly_item ul li p{ font-size:16px; color: #666; line-height: 30px; transition: all 0.6s; margin-top: 20px;}
 .syly_item ul li h3{ color: #000;font-size: 35px; font-weight: 600;transition: all 0.6s; }
 .syly_item ul li .num{ position: absolute;     bottom: -47px; transition: 0.6s;
    right: 8px;
    font-size: 80px;
    color: #ebebeb;
    font-weight: bold;
    font-style: italic;}
 .syly_item ul li:hover .num{ bottom: -20px;}	
.syly_item ul li::after{z-index: -1; background: #17528c; height: 100%; position: absolute;top: 0; left: 0; content:""; width: 0; transition: all 0.6s;}
.syly_item ul li:hover::after{ width: 100%; transform: scaleX();}
.syly_item ul li a{display: block; z-index: 10000;}
.syly_item ul li:hover p, .syly_item ul li:hover h3{ color: #fff;}
#section2{ background: url(../img/bg_b.jpg) no-repeat bottom;}

.case1{ display: flex;}
.case1 .item{ position: relative;overflow: hidden;}
.case1 .item .case_tit{ position: absolute; height: 50px; transition: 0.6s; bottom: 0px;width: 100%; text-align: center; background:rgba(0,0,0,0.5); color: #fff;}
.case1 .item .case_tit h3{ line-height: 50px; color: #fff;}
.case1 .item img{ display: block; width: 100%;height: 100%;max-height: 390px;object-fit: cover;}
.home_caselist .case1 .item:nth-child(1),.home_caselist .case1 .item:last-child{width: 25%;}
.home_caselist .case1 .item:nth-child(2){ width: 50%;}
.casecon h2{font-weight:600; font-size: 48px; color: #18528c; padding-top: 60px; display: inline-block;border-bottom: 4px #17528c solid; padding-bottom: 10px; margin-bottom: 10px;}
.case1 .item .yq {transition: all 0.6s;     transform: scale(0);width: 50px; height:50px; position: absolute;top: -30px;left: 45%; opacity: 0;}
.case1 .item .yq img{width: 50px; height:50px; }
.case1 .item:hover .case_tit{ background: #174f81; color: #fff; height: 150px;}
.c_text{opacity: 0; height: 0; transition: all 0.6s;}
.case1 .item:hover .case_tit .c_text{opacity: 1; height: 40px; overflow: hidden;}
.case1 .item:hover .case_tit .yq { transform: scale(1); opacity: 1;}
.c_text{ padding: 0 20px;}
.case1 .item:hover .case_tit h3{ margin-top: 20px;}


.case2 .list_case{ display: flex;}
.case2 .list_case .item2{ flex:1}
.case2 .list_case .item2 img{ width: 100%; height: 100%; max-height: 200px; object-fit: cover;}
.case2 .list_case .item2 p{ font-size: 16px; color: #333;}
.home_n_list ul{ display: flex; }
.home_newscon h2{     font-weight: 600;
    font-size: 48px;
    color: #18528c;
    padding-top: 60px;
    display: inline-block;
    border-bottom: 4px #17528c solid;
    padding-bottom: 10px;
    margin-bottom: 10px;}
/*.home_newscon h2 span{ width: 85px;
    height: 4px;
    background: #17528c;
    color: #17528c;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: 47%;}*/
.home_n_list{ margin-top: 60px;overflow: hidden;}
.home_news{/* opacity: 0; */transform: scale(.9);
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;}
#section4.active .home_news{opacity: 1;transform: scale(1);}
#fp-nav ul li:nth-child(6){ display: none;}
.home_n_list ul li img{ width: 100%;    height: 250px;
    object-fit: cover;}
.home_newscon{ position: relative;}
.more_news{position: absolute;
    right: 0px;
    top: 30px;
    color: #666;}
.more_news img{ margin-right: 5px;}
.news_tit{ padding: 30px 45px; text-align: left; height: 200px;}
.news_tit h4{ font-size: 14px; color: #999; margin-bottom: 30px;}
.news_tit h3{font-size: 23px; font-weight: 600;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_tit .more_n{font-size: 20px; color: #333; margin-top: 20px;transition: .6s;}
.news_tit .n_text{ color: #666; font-size: 14px; margin-top: 20px; height: 0; opacity: 0;transition: .6s;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_item{overflow: hidden;}
.news_item:hover .news_tit .n_text{height: 50px; opacity: 1; }
.news_item:hover .news_tit .more_n{ height: 0; opacity: 0;}
.news_item:hover .news_tit h3{ color:#17528c;}
.news_item img{transition: all 0.6s; display: block; max-height:270px; overflow: hidden; object-fit: cover;}
.news_item:hover img{ transform: scale(1.1);}

.pagebar .pagination { padding-bottom: 50px;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #172f74;
  border: 1px solid #172f74;
}
.pagination a.page-num-current {
  color: #fff;
  background: #172f74;
  border: 1px solid #172f74;
}

.news_nav ul li{position: relative;z-index: 1;}
.news_nav ul li::before{z-index: -1;position: absolute;content:""; left: 0; width: 0; height: 100%; background: #172f74; transition: 0.6s;}
.news_nav ul li:hover::before{ width: 100%;}
.news_nav ul li:hover a{ color: #fff;}
.news_nav ul li.active{background: #172f74;}
.news_nav ul li.active a{ color: #fff;}


.home_n_list .swiper-button-next, .home_n_list .swiper-rtl .swiper-button-prev{    right: -83px;
    left: auto;
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: #cdced2 1px solid;outline: none}
.home_n_list .swiper-button-prev, .home_n_list .swiper-rtl .swiper-button-next{left: -83px;background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: #cdced2 1px solid;outline: none}
.home_n_list .swiper-button-prev:after,.home_n_list .swiper-rtl .swiper-button-next:after{font-size: 20px; color: #000;    transition: .6s;}
.home_n_list .swiper-button-next:after, .home_n_list.swiper-rtl .swiper-button-prev:after{font-size: 20px; color: #000;    transition: .6s;}
.home_n_list  .swiper-button-next:hover,.home_n_list .swiper-button-prev:hover{ background: #17528c;}
.home_n_list  .swiper-button-next:hover::after,.home_n_list .swiper-button-prev:hover::after{ color: #fff;}
.swiper {
		    width: 100%;
		    height: 100%;
		  }
		
		  .swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		
		    /* Center slide text vertically */
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		  }
		
		  .swiper-slide img {
		    display: block;
		    width: 100%;
		   height: 100%;
		       object-fit:cover;
		  }
.swiper-slide .zzrytext  img{ height: 300px;
		       object-fit:contain;}
#section0{ position: relative;}
.swiper-pagination1{ position: absolute; z-index: 100;}
/* .fp-overflow{ height: 100%;} */
.banner{ height: 100%;}
.banner .swiper-pagination-bullet-active{ border-radius: initial;}
.banner .swiper-pagination-bullet{  border-radius: initial;  background: var(--swiper-pagination-bullet-inactive-color,#fff);}
.swiper-button-prev,.swiper-button-next{outline: none;}
.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev{    right: 85px;}
.banner .swiper-button-prev,.banner  .swiper-rtl .swiper-button-next{left: 85px;}
.banner .swiper-button-next, .banner .swiper-button-prev{    width: 80px;
    height: 80px;
    border: 1px #eee solid;
    border-radius: 50px; opacity: 0.5;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1;}	
.banner .swiper-button-prev:after,.banner .swiper-rtl .swiper-button-next:after	{font-size: 18px;}
.banner	.swiper-button-next:after,.banner .swiper-rtl .swiper-button-prev:after{font-size: 18px;}
.hzhb_con .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.hzhb_con ul li{ float: left; transition: all 0.6s; cursor: pointer;width: calc(11% - 20px); margin: 0px 20px 20px;}

.hzhb_con{ overflow: hidden; margin-top: 100px;opacity: 0;transform: scale(.9);
    -moz-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;}
#section5.active .hzhb_con{opacity: 1;transform: scale(1);}	
	
.hzhb_con ul li:hover .h_img{ background: #f1f1f1; padding: 20px;}
.home_hzhb h2{ font-size: 48px; font-weight: 600;  position: relative;}
.home_hzhb h2 span{ position: absolute; bottom: -10px;background: #17528c;left: 48%;  color: #17528c; width: 70px; height: 4px;}
.hzhbcon{ display: flex; flex-wrap: wrap;}
.swiper-pagination3 .swiper-pagination-bullet{    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));background: var(--swiper-pagination-bullet-inactive-color, #17528c);}
.hzhb_con  ul li .h_img{  overflow: hidden;       border-radius: 50%;border: 1px #ddd solid;transition: all 0.6s;}
.hzhb_con  ul li .h_img img{border-radius: 50%;transition: all 0.6s; width:100%}
.ny_banner img{ width: 100%; display: block;}
.news_nav ul{ display: flex;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
.n_post{ height: 90px; border-bottom: 1px #f1f1f1 solid;}
.n_post a{ display: inline-block; line-height: 90px; color: #666; font-size: 16px;}
.news_nav ul li{ padding: 0 20px;}
.news_nav ul li a{ display: block;}
.news_tt{ margin-top: 50px;}
.news_tt .newfirst{ display: flex;}
.news_tt .newfirst .new_text{ background:#f6f7f9;width: calc(100% - 65%); padding: 50px 25px;}
.news_tt .newfirst .n_img{ width: 65%; height: 500px;overflow: hidden; transition: 0.5s;}
.news_tt .newfirst .n_img img{ transition: 0.5s;display: block; width: 100%; height: 100%; object-fit: cover;} 
.news_tt .newfirst .new_text .bt{ margin: 40px 0px 50px; color: #000; font-size: 30px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_tt .newfirst .new_text p{ font-size: 16px; color: #666; line-height: 30px; margin-bottom:10%;}
.news_tt .newfirst .new_text .n_more{ color: #666;    padding: 10px;
    border: 1px #ddd solid;
    font-size: 14px;transition: all 0.5s;}
.news_tt .newfirst:hover .new_text .n_more{ background: #174f81; color: #fff;}
.news_tt .newfirst a{ display: block;}
.news_tt .newfirst .new_text  .times{ color: #666;}

.news_tt .newfirst:hover .n_img img{ transform: scale(1.2);}
.news_tt .newfirst:hover .new_text .bt{ color: #174f81;}
.news_team:hover .news_pic img{ transform: scale(1.2); }
.news_team .news_pic{ overflow: hidden;max-height:300px ; width:380px}
.news_team:hover .news_text .bt_team{ color:#174f81 ;}
.tt1{    line-height: 25px; margin-bottom: 20px;}





.newslist{ margin-top: 60px; }
.news_team{ width:100%; margin-right:25px; margin-bottom: 60px;}
.news_team:nth-child(3n){ margin-right: 0px}
.news_team img{ display: block; width: 100%;height: 100%;transition:0.5s;object-fit: cover;}
.n_conn{ display:flex; color: #666; flex-wrap: nowrap;}
.news_text{background: #f6f7f9; padding: 35px 25px; width:calc(100% - 380px)}
.news_text .bt_team{ color: #000; margin:30px 0px 20px; overflow:hidden; white-space:nowrap;     text-overflow: ellipsis;}
.news_active{ background: #eff2f7; padding-top:50px; padding-bottom: 50px;}
.news_xqfr{ width: 380px; float: right;position: sticky;top: 100px;    padding-left: 30px;}
.news_xqfl{ width: calc(100% - 380px);: left; background: #fff; padding: 45px;}
.news_xq_con{ display: flex;}
.ar_bt h3{ font-size: 25px; color: #000; margin-bottom: 20px; font-weight: normal;}
.ar_bt h4 .time{    margin-right: 20px;color: #666;line-height:35px;display: inline-block;}
.ar_bt h4{ font-weight: normal;}
.ar_bt{ border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;}
.ar_article{ margin-top: 20px; line-height: 35px;}
.hot_tt h3{color: #454545;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 5px;}
.hot_tt span{color: #c6c6c6; text-transform: uppercase;font-size: 35px;font-weight: 100;}    
.news_tuijian{margin-top: 20px;}
.news_tuijian ul li{    padding-bottom: 20px; border-bottom: 1px #ddd solid;}
.news_tuijian ul li h5{    margin: 10px 0px;}
.news_tuijian ul li h5 a{    color: #000;font-size: 16px;display: block;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: normal;}
.news_tuijian ul li p{color: #888; font-size: 12px;}
.lx_fl{ width: 50%;}
.lx_fl iframe{ width: 100%; }
.lx_fr{ width: 50%;}
.lxnr{ padding: 50px 100px;}
.lx_name h2{    font-size: 40px;
    font-weight: 500;}
.lx_name  span{text-transform: uppercase;color: #999;font-size: 18px;	}
.xl_con p{color: #666;}
 .xl_con h3{font-weight: 500;
    font-size: 35px;}   
.lx_dh,.lx_email,.lx_add{ margin-top: 20px;}	
	
	
	
.por_list{ display: flex; flex-wrap: wrap; margin-top: 50px;}
.por_list .pro_team{ width: calc(25% - 20px); margin-right: 20px; margin-bottom: 50px;}
.por_list .pro_team img{ width: 100%; display: block;transition: all 0.6s;}
.por_list .pro_team  .pro_con{position: relative; overflow: hidden;}
.por_list .pro_team .tit{    position: absolute;
    bottom: 0;
    background:rgba(0,0,0,0.5);
    color: #fff;
        width: 95%;
        text-align: center;
        line-height: 20px;
        padding: 10px;
        font-size: 14px;}
.pro_team{cursor: pointer;}
.por_list .pro_team:hover .pro_img img{transform: scale(1.1);} 
.bcon .b_fl{ width: 20%;border-right: #e5e5e5 1px solid; position: relative;}
.bcon .b_fr{ width: calc(100% - 20%);}
.b_con{ margin-top: 50px; margin-bottom: 150px;}
.bcon{display: flex;}
.b_nav{position: absolute;width: 100%;height: 100%;background-position-y: 109px;}
.b_nav{text-transform: uppercase;color: #888;font-size: 25px;}
.b_nav h2{font-size: 30px;color: #165b93;}
.b_textcon{    padding-left: 50px;}
.b_textcon ul{ display: flex;}
.b_textcon ul li{ flex:1;     margin: 10px 50px;}
.b_textcon ul li h3{    font-size: 45px;    text-align: center;
    color: #444;
    border-bottom: 1px #ddd solid;
    padding-bottom: 5px;}
.b_textcon ul li h3 span{font-size: 18px; color: #666; font-weight: 200;}
.b_nr{ margin-top: 50px; line-height: 35px;  color: #666;}
.ico{ margin-top: 50px;}
.b_textcon ul li  h5{margin-top: 10px;text-align: center;    font-weight: 500;
    font-size: 18px;}    
.xg_case{padding-top: 100px; border-top:1px #ddd solid; margin-top: 100px; text-align: center;}
.xg_list{ margin-top: 50px; display: flex; flex-wrap: wrap;}

.xg_caseteam{ width: calc(33.333% - 20px); margin-right: 20px; margin-bottom: 50px;}
.xg_caseteam img{ width: 100%; display: block;transition: all 0.6s; }
.xgcon{ position: relative; overflow: hidden; cursor: pointer;}
.xgcon .xg_text{ position: absolute;bottom: 0px; line-height: 50px; color: #fff; background:rgba(0,0,0,0.5) ; width: 100%; text-align: center;}
.xgcon .xg_img{ max-height:300px; overflow: hidden; height:260px}
.xgcon .xg_img img{width: 100%; height: 100%; object-fit: cover;}
.xg_caseteam:hover img{transform: scale(1.1);}
.xm_more{    color: #666;
    padding: 10px 20px;
    border: 1px #ddd solid;
    border-radius: 20px;
    font-size: 14px;}
.xm_more:hover{ background: #174f81; color: #fff;border:none;	}
	
	
.about_gs{    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px; position: relative;    overflow: hidden;}
.about_gs ul li{  display: inline-block; min-width: 143px;}
.about_gs::before{ position: absolute; content: "";background: url(../img/line01.png) center no-repeat;
    width: 500px;
    height: 10px;
    left: 50%;
    margin-left: -960px;
    top: 40%;}
.about_gs ul li h5{display: inline; font-size: 30px; font-family: Arial;}
.about_gs ul li h3{ font-weight: 400; font-size: 16px; color: #555555; margin: 10px 0px;}

.about_gs::after{content: "";
    position: absolute;
    background: url(../img/line02.png) center no-repeat;
    width: 500px;
    height: 10px;
    top: 40%;
    right: 50%;
    margin-right: -960px;}

.about1_con{ background: #f2f2f2;}
.about_img{ margin-top: -50px; width: 100%;}
.about_img img{ width: 100%; display: block;}
.about1_fl{ width: 40%;}
.about1_fr{ width: 60%;}
.about1_text{      margin: 10% 20% 0px 10%;
    line-height: 35px;
    font-size: 16px;
	    max-height: 350px;
	    overflow: hidden;
	    overflow-y: scroll
	
	}

.qywh{    padding-top:100px;
    background: url(../img/n_about_fl04_bg.jpg) center no-repeat;
    text-align: center;
    background-size: cover;
    overflow: hidden;}
.qywh .q_title{ margin-bottom:100px}
.qywh .q_title h3{ color:#fff; font-size: 35px;}
.qywh ul{ display: flex;}
.qywh ul li{float:left;width:33.333333%;padding: 0 4.25rem 6rem;min-height: 23.75rem;position: relative;}
.qywh ul li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/jianbian.png) center no-repeat; background-size:100% 100%; transition:.6s; transform:translateY(101%)}
.qywh ul li a{ display:block; position:relative; transition:.6s}
.qywh ul li a h2{ font-size:3rem; color:#fff;}
.qywh ul li a h3{ margin:20px 10px}
.qywh ul li a h4{ font-size:30px; color:#fff; font-weight: 400;}

.qywh ul li a h5{font-weight: 100; font-size:14px; color:rgba(255,255,255,0.6); text-transform:uppercase; margin:.5rem 0 1.25rem}
.qywh ul li p{font-size:14px;line-height:30px;color:rgba(255,255,255,0.6);text-align:justify;text-align: left; width:80%; margin:auto;}
.qywh ul li:hover:before{ transform:translateY(0)}
.qywh ul li:hover a{ transform:translateY(-10px)}
.q_w{ font-size: 20px; color: #eee; margin-bottom: 20px;}
.fzlccon h2{ text-align: center; display: block;font-size: 48px; font-weight: 400;}
.fzlc{padding: 60px 0px;}
.fzlc_text{ margin-top: 50px;}
.fzlc_item{ text-align:left; }
.fzlc_content{ font-size: 14px; color: #666; line-height: 35px;}
.fzlc_con{position: relative;}
.line_box{background: #e0dedd;height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 170px;}
.fzlc_text .swiper-button-next, .fzlc_text .swiper-button-prev{ color: #18528c;    top: 175px; transition: all 0.6s;
    border: 1px #18528c solid;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    background: #fff;}
.fzlc_item .font{ padding: 30px 0px; border-top:3px #18528c solid}
.fzlc_text .swiper-button-next:after, .fzlc_text .swiper-button-prev:after{ font-size: 14px;}
.fzlc_text .swiper-button-prev, .fzlc_text .swiper-rtl .swiper-button-next{left: 105px;}
.fzlc_text .swiper-button-next, .fzlc_text .swiper-rtl .swiper-button-prev{right: 105px;}

.fzlc_text .swiper-button-next:hover, .fzlc_text .swiper-button-prev:hover{ background:  #18528c; color: #fff;}
.fzlc_n{display: block;
    width: 300px;
    float: left;
    margin-right: 60px;
    padding-top: 55px;
    background: url(../img/mark_dsj.png) 25px top no-repeat;
	transition: all 0.6s;
	
}
.fzlc_n:hover	{    background: url(../img/mark_dsj_on.png) 25px 5px no-repeat;}
.zzry_con{padding: 50px 0px; /* background: url(../img/zs_bg.jpg) no-repeat bottom; */position: relative;}	
.zzry_con .swiper-button-next:after, .zzry_con .swiper-rtl .swiper-button-prev:after,.zzry_con .swiper-button-prev:after,.zzry_con .swiper-rtl .swiper-button-next:after{ color: #333;}
.zzrytext{ width: 100%; overflow:hidden}
.zzry_con .swiper-button-next,.zzry_con .swiper-rtl .swiper-button-prev{right: 50px;}
.zzry_con .swiper-button-prev,.zzry_con .swiper-rtl .swiper-button-next{left:50px}
.swiper-pagination3{ text-align: center;}
.zzry_img{    padding: 50px 20px;border-bottom: 1px #ddd solid;}
.zzrytext h3{    line-height: 65px;text-align: left;padding:0 20px;font-weight: 400;font-size: 18px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.zzry_list .swiper-slide{ display:inline}
.zzry_list h2{font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;}
.tit_hxys{ text-align: center; font-size: 48px; font-weight: 400; margin-top: 70px; margin-bottom: 40px;}
.hxys_nav{ width: 20%; background: #6798d9; cursor: pointer; }
.hxys_nav ul li{ line-height: 100px; color: #fff; font-size: 24px; font-weight: bold;padding-left: 40px; display: flex;}
.hxys_nav ul li:hover{ background:#3d75c0;}
.hxys_nav ul li.on{background:#3d75c0;}
.hxys_fr{ width: calc(100% - 20%); }
.hxyscon{ display: flex; width: 100%; max-height: 500px;}
.hxys_fr .hxys_text{ width: 470px; background: #f5f6f5;}
.hxys_fr .hxys_img{ width: calc(100% - 470px);}
.hxys_fr .hxys_img img{ display: block; width: 100%; height: 100%; object-fit: cover;    min-height: 500px;}
.hxys_text{ padding: 60px 50px;}
.hxys_text span{    text-transform: uppercase;color: #dddddd;}
.hxys_text .qyys_con{ margin-top: 35px; line-height: 35px; color: #333;    padding-bottom: 50px;}
.hxys_con{display: flex;}
.hxys{ margin-bottom: 100px;}
.h_ico{ margin-right: 20px;    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;}
.h_ico img{vertical-align: middle;}
.hxys_nav ul li:hover .h_ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); 
}

.pro_img{ height: 256px;}
.pro_img img{height: 100%; object-fit: cover;}

.foot_con{ background: #333; padding: 50px 0px;  /* margin-top: 100px; */ color: #9a9a9a;}
.linklsit{ display: none;}
.foot_con h3{ color: #9a9a9a;font-size: 16px; font-weight: 500;}
.footcon .f_l ul{ display: flex;}
.footcon .f_l ul li{ flex: 1; background: #434343; padding: 0 20px; line-height: 45px; margin:10px 30px; text-align: left;}
.bq{background: #2d2e2f; border-top: 1px rgba(255,255,255,0.3) solid;}
.footcon p{ font-size: 14px; color: #999; text-align: left; line-height: 25px;}
.bq p{ line-height: 50px; color: #999; text-align: right;font-size: 14px;}
.f_d{ padding-left: 20px;}
.home_hzhb{ padding-top: 200px; min-height: calc(100% - 350px);}
.footer{/* position: absolute; bottom: 0; */ width: 100%;}
.footcon .f_d .dh{ text-align: left;}
.footcon .f_d .dh  h2{font-size: 35px; color: #9b9b9c; font-weight: 600; font-family: Arial;}
.footcon .f_d .dh  span{ color: #9b9b9c; font-size: 14px; display: inline-block;}
.footer.dbfoot{ position: inherit;}
.footer.dbfoot .foot_con{ margin-top: 0px;}
.link{ cursor: pointer; position: relative;}
.link h3{position: relative; }
.link h3::before{position: absolute; content:"";     width: 22px;
    height: 12px;
    right: 0;
    top: 15px;background: url(../img/l_icon.png)  no-repeat right; transition: all 0.6s;}
.link h3:hover::before{ transform: rotate(180deg); }
.f_d .dh{ background: url(../img/foot_dh.png) no-repeat left;padding-left: 40px;}
.f_con{ margin-top: 20px; padding: 0 20px;}
.link:hover .linklsit{ display: block !important;}
.link:hover h3{ color: #fff;}

.linklsit{ position: absolute; top: 45px; content: ""; width: 100%;    background: #444;
    left: 0; padding-bottom: 20px;}
.linklsit ol dl{ padding-left: 20px;line-height: 25px;}
.linklsit ol dl a{ color: #9a9a9a; font-size: 14px;}
.linklsit ol dl:hover  a{ color: #fff;}

.web_nav{ display: none;}

.sh{cursor: pointer;}
.search_con{ position: absolute; left: 0;    top: 0px;z-index: -10;
    width: 100%;
    background: #0c2340;
    padding: 50px 0px;
    margin: auto;    opacity: 0;    transform: translateY(-100%);
    transition: .5s .5s ease-out; }
.search_con.act{opacity: 1;transform: translateY(0);
    transition: .5s ease-in;z-index: 10;}
.se_from input{    width: 100%;
    border-bottom: 1px #ddd solid;
    line-height: 60px;}
.se_from {    width: 40%;
    margin: auto;
    position: relative;}
.seicd{ font-size: 30px; color: #fff;}	
.tj{ position: absolute; right: 0;z-index: 5; top:0px;
    width: 32px;
    height: 32px;
    background: url(../img/searchf.png) no-repeat center;
    border: none; 
    box-sizing: border-box;
    display: block;}
.draw_h{       width: 40px !important;
    height: 40px !important;
    line-height: 45px !important;
    display: block;
    border-radius: 50%;
    text-align: center;
    border: 1px #fff solid;
    position: absolute;
    top: 0;
    right: 87px;cursor: pointer;
    z-index: 6;
    transition-duration: .5s;}
.draw_h:hover{ transform: rotate(90deg);}
   
.ny_banner{ margin-top:50px}
.khfwcon{ width: 100%;}
.khfwcon .kf_it{display: flex; margin-bottom: 20px;}
.kf_text{ padding: 30px; background: #f1f1f1;}
.kf_text h3{ font-size: 25px;}
.kf_text h5{ font-size: 20px; font-weight: 300; margin-top: 10px;}
.kf_text p{ margin-top: 20px; color: #666; }
.khfwcon .kf_it img{ display: block;}
.hmyh ul{ display: flex;}
.hmyh ul li{cursor: pointer; flex:1; font-size: 14px; text-align: center; background: #ddd; margin: 10px;}
.hmyh { margin-top: 10px; color: #666;}
.hm_it{ font-size: 14px; color: #999;line-height:25px;}
.hmfw_con{ padding:10px 20px 0px; }
.hmyh ul li:hover{ background:#174f81; color: #fff;}
.hmyh ul li.on{background:#174f81; color: #fff;}

@media (max-width: 1800px){
	.nav ul{margin-left: 1%;}
	.nav ul a{ padding: 0 20px;}
.syly_item ul li h3{ font-size: 30px;}
	.home_about{margin-top: 100px;}
	.about_text_con{margin-top: 20px;line-height: 30px;}
	.a_more{margin-top: 20px;}
	.about_num ul li span{ font-size: 40px;}
	.about_num{ margin-top: 20px;}
	.syly h2,.casecon h2,.home_newscon h2,.home_hzhb h2{font-size: 30px;}
	.syly{ padding-top: 50px;}
	.syly p{ font-size: 14px;}
	.syly_item{ margin-top: 20px;}
	.syly_item ul li{padding: 40px 10px;margin: 10px;width: calc(25% - 44px);}
	.syly_item ul li p{ font-size: 16px;}
	.syly_item ul li .num{bottom: -36px; font-size: 50px;}
	.case2 .list_case .item2 img{max-height: 200px;}
	.case2 .list_case .item2 p{ font-size: 14px;}
	.case1 .item img{max-height: 240px;}
	.home_n_list{margin-top: 30px;}
	.news_item img{max-height: 210px;}
	.news_tit h3,.news_tit .more_n{  font-size: 16px;}
	.news_tit{padding: 10px 45px;}
	.about1_text{font-size: 14px;    max-height: 280px;}
	.hxys_nav ul li{ font-size: 18px;}
	
	.lx_name h2{    font-size: 26px;}
	.lx_name span{    font-size: 12px;}
	
	
	
	
}

@media (max-width: 1600px){
	.nav ul a{ font-size: 16px;}
	.nav_right .dh p span{ font-size: 20px;}
	
	
	
	
	
}

@media (max-width: 1420px){
	.logo img{ height: 40px;}
	.nav ul li{ line-height: 80px;}
	.nav_right{top:20px}
	.nav ul a{ padding: 0 10px;}
	.hxys_nav ul li{ font-size:18px;    padding-left: 20px;}
	.about1_text{line-height: 25px;font-size: 14px;}
#section0{ padding-top:80px}
	
	
}




@media (max-width: 1400px){
	.nav ul{ display: none;}
	.nav_right{ display: none;}
	.ar_article img{ width: 100%; height: auto;}
	.web_nav{position: absolute;  width: 30px; height: 20px; right: 20px;     top: 20px;display: block;}
			.header-btn span.line{
					    width: 100%;
				    height: 2px;
				    position: absolute;
				    left: 0;
				    background-color: #172f74;
				    transition: all .2s;
				    transform-origin: center;
				    display: block;
				}
				 .header-btn .line1{
					    top: 0;
				}
				 .header-btn .line2{
					        top: 50%;
				    margin-top: -1px;
				}
				 .header-btn .line3{
					    bottom: 0;}
						
	.pho-header{
					top:1rem;
					height:calc(100% - 1rem);
				}
				.pho-header ul li dt{
					font-size:0.3rem;
					line-height:1rem;
					margin-bottom:0;
				}
				.pho-header ul li dd{
					font-size:0.26rem;
					line-height:0.8rem;
					padding-left:0.2rem;
				}
				.pho-header ul{
					margin-top:0.2rem;
				}
			.pho-header{
				position:fixed;
				top:50px;
				height: calc(100% - 80px);
				background-color:rgba(255,255,255,1);
				left:0;
				width:100%;
				z-index:999999;
				display:none;
				padding-bottom: 20px;
				overflow-y: scroll;
				padding-top: 20px;
			}
			.pho-header ul{
				width:87.5%;
				margin: 0 auto;
				
			}
			.pho-header ul li {
				      display: block;
					      line-height: 50px;
						  border-bottom: 1px #ddd solid;
			}
			
			.header-btn.cur .line{
			    top: 50%;
			    bottom: auto;
			    margin-top: -1px;
			
			}
			.header-btn.cur .line1{
			    transform: rotate(45deg);
			}
			.header-btn.cur .line2{
				    opacity: 0;
			    filter: alpha(opacity=0);
			}
			 .header-btn.cur .line3{
				transform: rotate(-45deg);
			}
			
			.pho-header ul{ display: block;}
						
			#section0{padding-top:0px}			
						
						
						
						
						
	
}
@media (max-width: 1024px){
.about1_fl,.about1_fr{ width: 100%;}
.about1_text{    line-height: 35px;font-size: 14px;padding: 10px;    margin: 0;
    max-height: 100%;}	
.news_xqfl{width: 100%;    padding: 10px;}
.news_xqfr{ display: none;}	
	
}
@media (max-width: 768px){
    
.warp81{ width: 100%; margin: auto;padding-left:0}	
.h_about_fl{ width: 100%;}
.h_about_fr	{ display: none;}
.h_about_fl h2{ font-size: 35px;}
.about_text{    margin: 0 15px}
.h_about_fl h1,.syly h2,.casecon h2,.home_newscon h2,.home_hzhb h2,.banner_text h2,.fzlccon h2,.zzry_list h2{    font-size: 30px;}
.about_text_con{ margin-top: 20px;    max-height: 350px;overflow: hidden;}
.a_more{    margin-top: 15px;    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;}
.banner_text p{ font-size: 16px;}
.about_num ul li span{    font-size: 30px;}
.about_num ul li p{font-size: 14px;}
.syly p{    font-size: 14px;
    padding: 0 10px;}
.wrap80{ width: 95%;}	
.syly_item{ margin-top: 20px;}
.zzry_img{ padding:20px}
.syly_item ul li{ width: 45%;    padding: 10px 0px;margin: 10px 8px;}
.syly_item ul li h3{    font-size: 25px;font-weight: 500;}	
.syly_item ul li p{    font-size: 14px;color: #666;line-height: 25px;padding: 10px;}	
.syly_item ul li .num{    bottom: -12px;    font-size: 30px;}	
.list_case{margin-top: 10px;flex-wrap: wrap;}	
.case2 .list_case .item2{width: 47%;    margin: 5px;}
.case2 .list_case .item2 img{    max-height: 100px;}
.case2 .list_case .item2 p{    font-size: 14px; line-height: 35px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}	
.home_n_list{ margin-top: 20px;}
.news_tit{ height: auto; padding: 10px;}
.news_tit h4{ margin-bottom: 10px;}
.news_tit h3,.news_tit .more_n{ font-size: 14px;}	
.foot_con{ display: none}	
.warp .logo{    margin-left: 10px;    padding-top: 10px;}	
.banner .swiper-button-next, .banner .swiper-button-prev{  display: none;}
.ny_banner{height: auto;}
.ny_banner img{ height:auto; object-fit: cover; width：100%}
.about_gs ul li{min-width: auto;}
.qywh{padding-top: 50px;}	
.qywh ul li a h2{    font-size: 20px;}	
.qywh ul{    flex-wrap: wrap;}	
.qywh ul li{    width: 100%;    padding: 10px;min-height:auto}
.qywh ul li:before{ background: none;}
.qywh .q_title{ margin-bottom: 50px;}
.fzlc_text{ margin-top: 20px;}
.fzlc_text .swiper-button-next, .fzlc_text .swiper-button-prev{top: 120px;}
.line_box{    top: 115px;}
.fzlc_item{ margin: 0 10px;}
.zzry_con .swiper-button-next, .zzry_con .swiper-rtl .swiper-button-prev{ display: none;}
.zzry_con .swiper-button-prev, .zzry_con .swiper-rtl .swiper-button-next{ display: none;}
.tit_hxys{font-size: 30px;}
.hxys_con{flex-wrap: wrap;}
.hxys_nav ul{display: flex;}
.hxys_nav ul li{    line-height: 25px;    width: 25%;    text-align: center;
    font-size: 12px;padding: 10px 0px; display: initial;}
.h_ico img{ width: 20px;}
.hxys_fr,.hxys_nav{ width: 100%;}
.hxys_fr .hxys_text,.hxys_fr .hxys_img{width:  100%;}
.hxys_text .qyys_con{    margin-top: 35px;    padding-bottom: 0px;line-height: 35px;}
.hxys_fr .hxys_img img{min-height: auto;}
.hxyscon{max-height:100%; flex-wrap: wrap;}
.n_con .np{ display: none;}
.news_nav ul li{    padding: 0px;text-align: center;
    flex: 1;}
.n_post a{line-height: 50px;}
.n_post{ height: 50px;}
.bcon{    flex-wrap: wrap;}
.bcon .b_fl{    position: initial; width: 100%;}
.b_nav{    background: none !important; position: initial;}
.bcon .b_fr{ width: 100%;}
.b_textcon{padding-left: 0px;    padding-top: 20px;}
.b_nr{    margin-top: 20px;}
.ico{ margin-top: 0px;}
.b_textcon ul{flex-wrap: wrap;}
.b_textcon ul li{ width: calc(50% - 20px);    flex: auto; margin: 10px;}

.b_textcon ul li h3{    font-size: 30px; margin: 0px;}
.xg_case{    margin-top: 20px;    padding-top: 30px;}
.xg_caseteam{    width: calc(50% - 20px);    margin-bottom: 20px;}
.xgcon .xg_text{line-height: 25px;padding: 0px; font-size:12px} 
.b_con{    margin-bottom: 50px;}
.bq p{font-size: 14px;    line-height: 30px;}
.por_list .pro_team{ width: 100%;  margin: 10px;}
.pro_img{ height: auto;}
.por_list{ margin-top: 0px;}
.lx_fl,.lx_fr{    width: 100%;}
.lxnr{padding: 20px;}
.news_tt{ display: none;}
.newslist{    margin-top: 20px;}
.news_team{ width: 100%;    margin-bottom: 10px;}
.news_text .bt_team{ font-size: 16px;}
.xgcon .xg_img{height:160px}
.hzhb_con ul li{    width: calc(25% - 10px); margin-bottom: 10px;
    margin-right: 10px;}
.home_hzhb{ padding-top:0px}
.bq{ /*position:absolute; bottom:0;*/ width:100%}
.n_conn{ flex-wrap:wrap;}
.news_team .news_pic{ width:100%}
.news_pic img{ width:100%}
.news_text{ width:100%; background: none; 
    padding: 35px 0px}
.khfwcon .kf_it{ flex-wrap:wrap}
.kf_img,.kf_img img{ width:100%}
.n_post a{ font-size:12px}
.n_post .wrap80{width: 100%;}
.news_nav ul{justify-content: space-between;}
.n_post .fr{ float:none}
.lx_fl iframe{height:300px}
}

@media (max-width: 420px){
.about_gs ul li h5{ font-size: 20px;}
.news_nav.fr{ float:none}
	
.home_hzhb h2 span{ left:43%}	
.syly h2::before{ left:45%}	
.syly_item ul li{    margin: 10px 6px;}	
	
	
}