.bannerswiper  .swiper-slide .banner_h img,.bannerswiper  .swiper-slide  .banner_btn{
  display: none;
}

.xs{
  display: inline-block!important;
}



.equip_ul01 a{

  display: inline-block;

}

.fsdw a{

  display: none;

}
.fabric li:nth-child(4n+1){
  clear: both;
}


*{ margin: 0; padding: 0; font-size: 16px; color: #222327; box-sizing: border-box;
font-weight: unset;

    /*font-family: mont-medium!important;*/
/*font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", Roboto, "Hiragino Sans GB", 'arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;*/
    
}

img{ border: 0; -ms-interpolation-mode: bicubic;}

a,p,span,h1,i{ text-decoration: none; margin: 0;}

li,ul{ list-style: none;}

input,button{ border: none; outline: none; background: none; margin: 0;}

a,button{cursor: pointer;}

a,li,img,div{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;}



@font-face {

   font-family : pro-bold;

   src : url(../font/DINPro-Bold.otf); 

}



@font-face {

   font-family : pro-black;

   src : url(../font/DINPro-Black.otf); 

}



@font-face {

   font-family : pro-medium;

   src : url(../font/DINPro-Medium.otf); 

}



@font-face {

   font-family : mont-medium;

   src : url(../font/Montserrat-Medium.otf); 

}


@font-face {

   font-family : arial;

   src : url(../font/arial.ttf); 

}



@font-face {

   font-family : mont-bold;

   src : url(../font/Montserrat-Bold.otf); 

}

.m-top10{margin-top:0.2rem;}

body{
    
    font-family: mont-medium!important;
}

.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: #fff;}

.header .header_logo{ float: left; overflow: hidden;}

.header_logo img{ float: left;}

.header_pc{ float: left;
/*position: relative;*/
    
}

.header_pc::before{ content: ''; position: absolute; left: 0; top: 38%; z-index: 9; width: 1px; height: 24%; background: #bbb;}

.header_pc ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.header_pc .header_topic{ float: left; cursor: pointer; position: relative;}

.header_word01{ transition: all 0.3s; position: relative;}

.header_word01 a{ display: inline-block;}

.header_word01 span{ display: block; width: 100%; height: 0; background: #05446b; position: absolute; left: 0; bottom: 3px; z-index: 999; 

transition: all 0.3s;}

.header_word02{ position: absolute; left: 50%; z-index: -1; padding: 10px 20px; min-width: 100%; box-shadow: 0 1px 3px #e1e1e1;

opacity: 0; visibility: hidden; transition: all 0.3s; transform: translate(-50%, 0); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.header_word02 a{ display: block; white-space: nowrap; text-align: center;}
.header_pro_box{
    margin: 0 auto;
    width: 80%;
    /*background: #f5f5f5;*/
}
.header_pro_box ul{
    overflow: hidden;
}
.header_pro_box ul li{
        width: 33.33%;
    text-align: center;
}
.header_pro_box ul li h6 a{
    color: #05446b;
    margin: .5em 0;
    font-size: 1.2em;
}
.header_pro_box ul li > a{
    /*width: max-content;*/
    /*height: max-content;*/
    margin: 0 auto;
}
.header_pro_box ul li a img{
    width: 6.3em;
    width: 70%;
    height: 100%;
    display: block;
    margin: 0 auto .5em;
}
.header_pro_box ul li p a{
    line-height: 2em;
    font-size: 1em;
}
.header_pro_box .header_pro_list_more{
    margin-top: .5em;
}
.header_pro_box .header_pro_list_more a{
    font-size: .85em;
    color: #05446b;
}

.header_tip{ float: right;}

.header_tip::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.header_bor{ border-bottom: solid 1px #e1e1e1;}

.tell_pic{ float: right; position: relative;margin-top: -2px;}

.earth_pic{ float: right; position: relative;}

.loupe_pic{ float: right; position: relative;}

.loupe_pic::after{ content: ''; position: absolute; right: 0; top: 10%; z-index: 9; width: 1px; height: 80%; background: #dcdcdc;}

.tip_box{ opacity: 0; visibility: hidden; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); z-index: 99;}

.tip_box::after{ content:''; position: absolute; top: -0.7em; left: 50%; transform: translateX(-50%); z-index: 100; border-radius: 0.2em;

width: 0; height: 0; border-left: solid 0.6em transparent; border-right: solid 0.6em transparent; border-bottom: solid 0.8em #fff;}

.tip_box section{ font-weight: bold; color: #05446b;}

.code_pic{ display: block;}

.tell_pic:hover>.tip_box{ transition: all 0.3s; opacity: 1; visibility: visible;}

.earth_pic:hover>.tip_box{ transition: all 0.3s; opacity: 1; visibility: visible;}

.searcher{ float: right; border-bottom: solid 1px #dcdcdc; position: relative; opacity: 0; visibility: hidden;}

.search_icon{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 1000;}

.search_close{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1000;}

.searching{ opacity: 1; visibility: visible; transition: all 0.5s;}

.header_topic:hover .header_word01 span{ height: 4px;}
.header_active  span{ height: 4px;}

.header_topic:hover .header_word02{ opacity: 1; visibility: visible; background: #fff;z-index:99;}

.header_word02 a:hover{ font-weight: bold; color: #05446b;}



.header_title{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; background: #fff;height: 100%;

opacity: 0; visibility: hidden; transition: all 0.6s;}

.header_title01{ padding: .5em 8%; border-bottom: solid 1px #f5f5f5; overflow: hidden; line-height: 1.2rem;}

.header_title01 p{ color: #000; font-weight: bold; float: left; font-size: 0.8rem;}

.header_title01 span{ color: #000; font-weight: bold; float: right; font-size: 0.9rem; padding: 0 0 0.15rem 0.3rem;}

.header_title02{ max-height: 80vh; overflow-y: scroll;}

.dropdown-menu{ border-bottom: solid 1px #f5f5f5;}

.dropdown-menu p{ font-size: 0.7rem; color: #000; padding: 0 8%; line-height: 2.2rem;}

.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 8%; background: #f5f5f5;}

.dropdown-menu li{ line-height: 1.8rem; height: 1.8rem;} 

.dropdown-menu .dropdown-ul li{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; text-align: left;}

.dropdown-menu li a{ font-size: 0.65rem; color: #000;}

.dropdown-menu .dropdown-ul .fullwide{ width: 100%;}

.header_menu img{ display: block;}

.title_show{ opacity: 1; visibility: visible;}



.container{ margin: 0 auto;}

.rel{ position: relative;}

.flow{ overflow: hidden;}

.clear{ clear: both;}

.fl{ float: left;}

.fr{ float: right;}

.contain_left,.contain_right{ overflow: hidden;}

.container::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.banner{ position: relative;}

.banner_pic{ width: 100%; overflow: hidden;}

.banner_pic img{ width: 100%; height: 100%; object-fit: cover;}
.banner_pic img.pc{display:block;}
.banner_pic img.mob{display:none;}

.banner_word{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

.banner_h h1{ color: #fff;}

.banner_h p{ color: #fff;}

.banner_btn{ display: inline-flex; align-items: center; justify-content: center; border: solid 2px #fff; transition: all 0.3s;}

.banner_btn span{ color: #fff;}

.banner_btn img{ transition: all 0.2s;}

.banner_btn:hover{ background: #0ea0fb; border: solid 2px #0ea0fb;}

.banner_btn:hover>img{ transform: translateX(3px);}

#banner_pagination{

	text-align: right;

}

#banner_pagination span{

    color: #fff;

}

#banner_pagination .swiper-pagination-bullet{ 

  position: relative;

  width: 40px;

  height: 40px;

  line-height: 34px;

  border: solid 3px transparent;

  box-sizing: border-box;

  background: transparent;

  text-align: center;

  color: #fff;

  margin: 0 5px;

}

#banner_pagination .swiper-pagination-bullet .left{

  display: block;

  position: absolute;

  top: -3px;

  left: -3px;

  margin: auto;

  width: 20px;

  height: 40px;

  opacity: 0;

  overflow: hidden;

}

#banner_pagination .swiper-pagination-bullet .left:after{

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  margin: auto;

  width: 20px;

  height: 40px;

  border-top: 3px solid red;

  border-left: 3px solid red;

  border-bottom: 3px solid red;

  border-radius: 20px 0 0 20px;

  border-right: 0;

  box-sizing: border-box;

}

#banner_pagination .swiper-pagination-bullet .right{

  display: block;

  position: absolute;

  top: -3px;

  right: -3px;

  margin: auto;

  width: 20px;

  height: 40px;

  opacity: 0;

  overflow: hidden;

}

#banner_pagination .swiper-pagination-bullet .right:after{

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  margin: auto;

  width: 20px;

  height: 40px;

  border-top: 3px solid red;

  border-right: 3px solid red;

  border-bottom: 3px solid red;

  border-radius: 0 20px 20px 0;

  border-left: 0;

  box-sizing: border-box;

}

#banner_pagination .swiper-pagination-bullet-active {

	color: red;

}

#banner_pagination .swiper-pagination-bullet-active .left{

	opacity: 1;

}

#banner_pagination .swiper-pagination-bullet-active .right{

	opacity: 1;

}

#banner_pagination .swiper-pagination-bullet-active .left:after{

  transform-origin: right center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 6s;

  animation-timing-function: linear;

  animation-name: gyrateleft;

}

#banner_pagination .swiper-pagination-bullet-active .right:after{

  transform-origin: left center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 6s;

  animation-timing-function: linear;

  animation-name: gyrateright;

}

@keyframes gyrateright {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(360deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes gyrateleft {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(180deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



.product_bg{ background: #f1f5f7;padding-bottom: 2em;}

.product_title{ position: relative;}

.product_title p{ font-family: arial; letter-spacing: 2px; color: #b3c3cf; text-transform: uppercase;}

.product_title .product_col{ color: #fff;}

.product_title .product_cen{ text-align: center;}

.product_title i{ font-style: normal;}

.product_btn{ position: absolute; right: 0; bottom: 0; z-index: 99; transition: all 0.2s; display: flex; align-items: center; justify-content: center; background: #f66b0e;}

.product_btn button{ color: #ffffff; cursor: pointer;}
.product_btn button a{ color: #ffffff; cursor: pointer;}

.product_btn .pro_img01{ display: none;}

.product_btn:hover{ background: #ff8e42;}

.product_btn:hover>button a{ color: #fff;}

.product_btn:hover>.pro_img02{ display: block;}

.product_btn:hover>.pro_img01{ display: none;}

.production ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.production li{ background: #fff; float: left; transition: all 0.5s;}

.production h1{ transition: all 0.2s;}

.production i{ font-style: normal;}

.production_tab{ overflow: hidden;}

.production_tab span{ float: left; background: #44aced; color: #fff;}

.production_p{ color: #767985;}

.pro_line{ background: #05446b;}

.production li:hover>h1{ color: #05446b;}

.production li:hover{ box-shadow: 0 0 50px #e1e1e1;}



.pursue_title li{ overflow: hidden;}

.pur_pic{ float: left;}

.pur_pic img{ display: block;}

.pur_pic .pur_tu02{ display: none;}

.pur_word{ float: right; position: relative;}

.pur_word p{ text-transform: capitalize; color: #8d9eab;}

.pur_word span{ display: block; width: 0; height: 1px; background: #05446b; position: absolute; bottom: 0; left: 0; z-index: 99; transition: all 0.3s;}

.pursue_title .on .pur_pic .pur_tu02{ display: block;}

.pursue_title .on .pur_pic .pur_tu01{ display: none;}

.pursue_title .on .pur_word h1{ color: #05446b; transition: all 0.2s;}

.pursue_title .on .pur_word p{ color: #05446b; transition: all 0.2s;}

.pursue_title .on .pur_word span{ width: 100%;}

.pursue_content li{ width: 100%; position: relative;}

.pursue_pic{ width: 100%; overflow: hidden;}

.pursue_pic img{ width: 100%; height: 100%; object-fit: cover;}

.pursue_tip{ position: absolute; left: 0; bottom: 0; z-index: 99; background: #ffffff;}

.pursue_tip img{ position: absolute; left: 0;top:0; z-index: 100;}

.pursue_tip p{ color: #767985;}



/*.research_bg{ background: url(../image/team_bg.jpg) center no-repeat; background-size: cover;}*/

.research_p{ color: #fff;}

.research_ul li{ width: 100%; background: #183a60; overflow: hidden; transition: all 0.3s;}

.research_ul p{ color: #fff;}

.research_ul span{ color: #fff;}

.research_ul section{ color: #fff;}

.research_l{ float: left; position: relative;}

.research_r{ float: right; text-align: right;}

.research_l p{ font-family: pro-bold;}

.research_l span{ position: absolute; z-index: 9;}

.research_l section{ position: absolute; z-index: 9;}

.research_ul li:hover{ background: #05446b;}

.vocational_word{ color: #767985;}

.vocational_word i{ font-style: normal;}

.case_btn li{ color: #767985;}

.case_btn .case_active{ color: #05446b; font-weight: bold;}

.case{ box-shadow: 0 10px 10px #eee;}

.case_pic{ width: 100%; overflow: hidden;}

.case_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.2s;}

.case_word section{ display: flex; align-items: center;}

.case_word p{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.case_word span{ color: #767985;}

.caseswiper .case_pagination .swiper-pagination-bullet{ background: #bccfdf;}

.caseswiper .case_pagination .swiper-pagination-bullet-active{ background: #05446b;}

.case:hover>.case_pic img{ transform: scale(1.05);}

.case:hover>.case_word p{ color: #05446b;}

.case:hover>.case_word span{ color: #333;}

.case_contain .caseswiper{ display: none;}

.case_contain .case_show{ display: block;}



.about_bg{ background: url(../image/about_bg.jpg) center no-repeat; background-size: cover;}
.index_about_bg{ background: url(../picture/in_ab_bg.png) center no-repeat; background-size: cover;}
.page_dz{ background: url(../picture/bg_fwlc.jpg) center no-repeat; background-size: cover;}

.about{ position: relative;}

.about_word{ color: #fff;}

.record{ width: 100%; text-align: justify;}

.record::after{ content: ''; display: inline-block; width: 100%;}

.record li{ display: inline-block;position:relative;}
.record li > img{
    box-shadow: 0 5px 20px rgba(211, 210, 210, 1);
    border-top-left-radius: 2em;
    border-bottom-right-radius: 2em;
}

.gangwei .record li > img{
    border-radius:0;
}
.le_focur{
    position: absolute;
    bottom: 0;
    padding: 1.5em 1.5em;
}
.le_focur h6{
    color: #05446b;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1.5em;
}
.gangwei .le_focur h6{
    color:#fff;
}
.ab_liucehng li > a >p{
    text-align: center;
    color: #000;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 3px;
}
.ab_liuyan_bg{
    background: url(../picture/zplx_bg.jpg) center no-repeat; background-size: cover;
    background-size: cover;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30em;
}
.ab_liuyan_bg > div h6{
    color: #fff;
    text-align: center;
    font-size: 2em;
    margin-bottom: 1em;
    letter-spacing: 4px;
}

.ab_liuyan_bg div > p{
    color: #fff;
    font-size: 1.8em;
    line-height: 2.5em;
    text-align: center;
    letter-spacing: 2px;
}
.le_focur .le_focur_tit{
    font-size: .9em;
    color: #000;
    line-height: 1.4em;
    height: 7.5em;
}

.record01 h1,.record01 h2{ font-weight: normal; display: inline; color: #fff; vertical-align: top;}

.record01 span{ color: #fff; font-family: pro-black;}

.record01 i{ font-style: normal; color: #fff; font-family: pro-black;}

.record01 p{color: #fff;}

.about_ul ul{ overflow: hidden;}

.about_ul li{ float: left; border-right: solid 1px #e1e1e1; position: relative; background: #fff;}

.about_ul li:last-child{ border-right: 0;}

.about_ul p{ font-family: arial; color: #9498a8; text-transform: capitalize;}

.about_tu{ position: absolute; z-index: 9;} 

.about_ul img{ transition: all 0.6s;}

.about_ul li:hover>.about_tu{ transform: rotateY(360deg);}

.about_ul li:hover>.about_icon{ transform: translateX(8px);}

.news_ul ul{ overflow: hidden;}

.news_ul li{ float: left; position: relative;}

.news_ul li:nth-child(3n){ margin-right: 0;}

.news_ul p{ font-family: mont-bold;}

.news_ul section{ color: #afb3bf;}

.news_ul h1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news_tip{ position: absolute; left: 0; z-index: 9; display: flex; align-items: center;}

.news_pic{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; overflow: hidden; transition: all 0.3s; opacity: 0; visibility: hidden;}

.news_pic img{ width: 100%; height: 100%; object-fit: cover;}

.news_ul li:hover>.news_pic{ opacity: 1; visibility: visible;}

.news_ul li:hover>.news_h1{ position: absolute; bottom: 0; left: 0; z-index: 99; background: linear-gradient(to top, rgba(0,118,192,0.8),transparent);}

.news_ul li:hover>.news_h1 h1{ color: #fff;}

.news_ul ul{ display: none;}

.news_ul .newshow{ display: block;}



.touch{ background: url(../image/touch_bg.jpg) center no-repeat; background-size: cover;}

.touch p{ color: #fff;}

.touch a{ border: solid 2px #fff; display: flex; align-items: center; transition: all 0.2s; cursor: pointer;}

.touch span{ color: #fff;}

.touch img{ transition: all 0.2s;}

.touch a:hover{ background: #0ea0fb; border: solid 2px #0ea0fb;}

.touch a:hover>img{ transform: translateX(3px);}

.footer{background: #05446b;}

.footer01{ overflow: hidden; border-bottom: solid 1px #555;}

.footer01a{ float: left;}

.footer01a ul{ width: 100%; overflow: hidden;}

.footer01a li{ float: left;}

.footer01a p,.footer01b p{ color: #fff;}

.footer01a a,.footer01b span{ display: inline-block; color: #fff;}

.footer01b{ float: left;}

.footer02{ overflow: hidden;}

.footer02 p{ color: #f0f0f0;font-size: .7em;}

.footer02 span{ float: right; color: #f0f0f0;}
.footer02 a{
    color: #fff;
    font-size: 1.3em;
    margin-right: 2em;
}

.footer01a a:hover{ color: #fff;}
.footer01a li > div,
.footer01a li > div span{
    color: #fff;
    font-size: 1em;
}
.footer01a li > div{
    margin: 1em 0;
}
.footer01a li > div span{
    font-size: 1em;
}


.picture{ width: 100%; position: relative;}

.picture_pic{ width: 100%; overflow: hidden;}

.picture_pic img{ width: 100%; height: 100%; object-fit: cover;}

.picture_word{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

.picture_word h1{ color: #fff;}

.picture_word p{ color: #fff;}

.leader{ border-bottom: solid 1px #d7dfe5; background: #fff;}

.leader li{ position: relative;}

.leader li a{ display: inline-block;}

.leader li::after{ content: ''; height: 30%; width: 1px; background: #d7dfe5; position: absolute; top: 35%; right: 0; z-index: 9;}

.leader li:last-child::after{ content: '';  display: none;}

.leader li span{ display: block; background: #05446b; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; z-index: 9;

transition: all 0.5s; transform: scaleX(0);}

.leader a:hover{ color: #05446b;}

.leader a:hover+span{ transform: scaleX(1);}

.leader .leader_active a{ color: #05446b;}

.leader .leader_active span{ transform: scaleX(1);}

.brief{ overflow: hidden;}
.brief > div > p{
    line-height: 2.5em;
}

.brief_pic{ float: left; overflow: hidden;}

.brief_word{ float: right;}

.brief_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}

.brief_pic:hover>img{ transform: scale(1.03);}

.brief_p{ color: #767985;}

.record02 h1,.record02 h2{ display: inline; vertical-align: top; color: #05446b;}

.record02 span{ font-family: pro-medium; color: #05446b;}

.record02 i{ font-style: normal; font-family: pro-medium; color: #05446b;}

.record02 p{ color: #767985;}

/*.opinion_bg{ background: url(../picture/le_jl.jpg) center no-repeat; background-size: cover;}*/

.opinion li{ width: 30%; background: #fff; position: relative;
}
.opinion .le_jl_li{
    border-top-left-radius: 4em;
    border-bottom-right-radius: 4em;
    background-color: #05446b;
    
}
.opinion li:after {
    content: "";
    /*position: absolute;*/
    /*left: 12px;*/
    /*top: 12px;*/
    /*z-index: -1;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*border-top-left-radius: .6rem;*/
    /*border-bottom-right-radius: .6rem;*/
    /*background-color: rgb(240, 163, 163);*/
}
.opinion li .le_jl_cur{
    text-align: center;
    margin: 3em 0;
}
.opinion li .le_jl_cur p{
    color: #fff;
    line-height: 2em;
    font-size: .8em;
    margin-bottom: .5em;
}
.opinion li .le_jl_cur .le_jl_tit{
        font-size: 1.2em;
    font-weight: bold;
}
.opinion .le_gs_li{
    background: #f5f5f5;
}
.opinion li .le_gs_tbo{
        height: 15em;
}
.opinion li .le_gs_tbo img,
.opinion li .le_gs_tbo video{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    object-fit: cover;
}
.opinion li .le_gs_tit{
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    margin: 1em 0;
}
.opinion li .le_gs_cont{
    font-size: .8em;
    line-height: 2.3em;
    letter-spacing: 1.5px;
    padding: 0 1em 1em;
    box-sizing: border-box;
}

.opinion .opinion01{ width: 100%; border-bottom: solid 1px #e1e1e1;}

.opinion02 p{ color: #767985;}

.opinion03{ position: absolute; z-index: 9; transition: all 0.5s;}


.technology_bg{ background: url(../picture/le_ab_cq.jpg) center no-repeat; background-size: cover;}

.technology p{ color: #fff;}

.tech_btn{ transition: all 0.2s; display: inline-flex; align-items: center; justify-content: center; border: solid 1px #fff;}

.tech_btn button{ color: #fff; cursor: pointer;}

.tech_btn .pro_img02{ display: none;}

.tech_btn:hover{ background: #27aafd; border: solid 1px #27aafd;}

.tech_btn:hover>button{ color: #fff;}

.tech_btn:hover>.pro_img02{ display: block;}

.tech_btn:hover>.pro_img01{ display: none;}

.honour_btn{ overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 99;}

.honour_btn span{ float: left; border: solid 1px #cbd4d9;}

.honour_btn img{ display: block;}

.honour_btn .honour_btn02{ display: none;}

.honour_btn span:hover{ background: #05446b;}

.honour_btn span:hover>.honour_btn02{ display: block;}

.honour_btn span:hover>.honour_btn01{ display: none;}

.honour_pic{ background: #f1f5f7;}

.honour_pic img{ width: 100%; box-shadow: 0 0 20px #ddd;}


.le_zc_box{
     background: url(../picture/le_zc.jpg) center top no-repeat; background-size: cover;
}
.base_bg{ background: url(../picture/le_jl.jpg) center top no-repeat; background-size: cover;}
.in_shemei{background-image: linear-gradient(to bottom, #ebf1f6 70%, #fefeff);}

.ab_linian{ background: url(../picture/linian_bg.jpg) center top no-repeat; background-size: cover;}
.ab_fengcai{ background: url(../picture/ygfc_bg.jpg) center top no-repeat; background-size: cover;}
.ab_xx-cz{ background: url(../picture/xyzp_bg.jpg) center top no-repeat; background-size: cover;}
.ab_xx_hd{ background: url(../picture/guquanshu.jpg) center top no-repeat; background-size: cover;}

.base_infor{ color: #767985;}

.base_ul{ overflow: hidden;}

.base_ul li{ float: left; overflow: hidden;}

.base_ul img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.base_ul li:hover>img{ transform: scale(1.05);}

.client::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.client li{ float: left; border: solid 1px #e1e1e1; box-shadow: 0 0 25px #e1e1e1;}

.client li img{ width: 90%; vertical-align: middle; transition: all 0.5s;}

.client li:hover>img{ transform: scale(1.08);}

.picture_word2 p{ font-family: mont-bold;}

.picture_word2 span{ display: inline-block; background: #05446b;}

.quality li{ display: inline-block; text-align: center;}

.quality p{ color: #767985;}

.quality img{ transition: all 0.5s;}

.quality li:hover>img{ transform: rotateY(180deg);}

.serve_ul1{ overflow: hidden;}

.serve_ul1 li{ float: left;}

.serve_ul1 p{ color: #73757f;}

.serve_ul2 li{ color: #73757f; position: relative;}

.serve_ul2 li::after{ content: ''; background: #0081dd; border-radius: 100%; position: absolute; left: 0; z-index: 9;}

.serve_ul3 li{ overflow: hidden; display: flex;}

.serve_ul3 .serve_pic{ position: relative;}

.serve_ul3 .serve_w{ background: #fff; display: flex; align-items: center;}

.serve_ul3a .serve_pic{ background: #309fef;}

.serve_ul3b .serve_pic{ background: #0081dd;}

.serve_ul3c .serve_pic{ background: #05446b;}

.serve_pic section{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9;}

.serve_pic span{ color: #fff; display: block; text-align: center;}

.serve_w p{ color: #767985;}



.logistics::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.logistics li{ float: left; box-shadow: 0 0 20px #e1e1e1;}

.logistics_pic{ width: 100%; overflow: hidden;}

.logistics_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.logistics_word01 span{ font-family : pro-bold; color: #005aa5;}

.logistics_word01 h1{ display: inline-block;}

.logistics_word02{ color: #767985;}

.logistics li:hover>.logistics_pic img{ transform: scale(1.05);}

.market_ul li{ color: #73757f; position: relative;}

.market_ul li::after{ content: ''; position: absolute; left: 0; z-index: 9; background: #008de5; border-radius: 100%;}

.market_ul span{ font-family: pro-bold; color: #008de5;}

.support li{ position: relative;}

.support p{ color: #9498a8;}

.support .support_icon01{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 9;}

.support .support_icon02{ position: absolute; top: 0; right: 0; transform: translateY(55%); z-index: 9; transition: all 0.5s;}

.support li:hover>.support_icon02{ transform: translateX(5px) translateY(55%);}

.support li:hover>section h1{ color: #05446b;}

.support li:hover>section p{ color: #333;}


.page_dz li{
    padding: 0;
        width: 15%;
}
.page_dz  .support_icon01{
    position:unset;
    transform:unset;
}






.research_word{ color: #767985;}

.record03 span{ font-family: mont-medium; color: #05446b;}

.record03 i{ font-family: mont-medium; font-style: normal; color: #05446b;}

.record03 h1,.record03 h2{ display: inline; vertical-align: top; color: #05446b;}

.record03 p{ color: #767985;}

.research_pic{ width: 100%; overflow: hidden;}

.research_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.research_pic:hover>img{ transform: scale(1.05);}

.patent_bg{ background: url(../image/p_bg.jpg) center no-repeat; background-size: cover;}

.patent_pic section{ width: 100%; box-shadow: 0 0 10px #cdcdcd;}

.patent_pic img{ display: block; width: 100%;}

.patent_infor{ color: #767985;}

#patent_pagination .swiper-pagination-bullet{ background: #bccfdf;}

#patent_pagination .swiper-pagination-bullet-active{ background: #05446b;}

.ensure_bg{ width: 100%; background: #05446b; position: relative;}

.ensure_pic{ overflow: hidden;}

.ensure_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.ensure_tab li{ background: #005998; position: relative; transition: all 0.1s;}

.ensure_tab img{ display: block; position: absolute; z-index: 99;}

.ensure_tab .ensure_icon02{ display: none;}

.ensure_tab h1{ color: #fff;}

.ensure_tab p{ color: #fff;}

.ensure_tab .on{ background: #fff; position: relative;}

.ensure_tab .on h1{ color: #05446b;}

.ensure_tab .on p{ color: #767985;}

.ensure_tab .on .ensure_icon01{ display: none;}

.ensure_tab .on .ensure_icon02{ display: block;}

.character ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.character_line{ display: inline-block; background: #d1d4e2; transition: all 0.5s;}

.character_word{ width: 100%;}

.character_w01{ display: flex; align-items: center;}

.character_w02{ color: #767985;}

.character_pic{ width: 100%; overflow: hidden; position: relative;}

.character_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}

.ch_wide02{ position: relative;}

.character_tag{ background: #05446b; position: absolute; z-index: 9;}

.character_tag h1{ color: #fff; font-weight: normal; display: flex; align-items: center; justify-content: center;}

.character_tag span{ font-family: pro-bold; color: #fff;}

.character_tag p{ color: #fff;}

.character_pic:hover>img{ transform: scale(1.05);}

.pro_table table{ width: 100%; background: #ddd; border: 0;}

.pro_table th{ background: #e7f3f9; font-weight: normal;}

.pro_table td{ background: #fff;}

.pro_table i{ font-style: normal;}

.equip_ul01{ overflow: hidden;}

.equip_ul01 li{ float: left; position: relative;}

.equip_ul01 span{ display: block; width: 0; position: absolute; bottom: 0; left: 0; z-index: 9; transition: all 0.3s;}

.equip_ul01 .equip_ul_active01 p{ color: #0188dc;}

.equip_ul01 .equip_ul_active01 span{ background: #0188dc; width: 100%;}

.equip_ul01 li:hover>p{ color: #0188dc;}

.equip_ul01 li:hover>span{ background: #0188dc; width: 100%;}

.equip_ul02{ overflow: hidden;}

.equip_ul02 li{ float: left; position: relative;}

.equip_ul02 p{ color: #767985;}

.equip_ul02 span{ display: block; background: #dbe1e4; width: 1px; height: 80%; position: absolute; right: 0; top: 10%; z-index: 9;}

.equip_ul02 .equip_ul_active02 p{ color: #0188dc;}

.equip_ul02 li:hover>p{ color: #0188dc;}

.equip_ul02 li:last-child span{ display: none;}

.fabric ul{ overflow: hidden;}

.fabric li{ float: left; background: #fff;}

.fabric h1{ font-weight: normal;}

.fabric .fabric_pic{ overflow: hidden; margin: 0 auto;}

.fabric_pic img{ width: 100%; transition: all 0.5s;}

.fabric button{ text-transform: uppercase; width: 100%; border: solid 1px #dbe1e4; text-align: center; transition: all 0.2s;}

.fabric li:hover>.fabric_pic img{ transform: scale(1.05);}

.fabric li:hover>button{ background: #05446b; color: #fff; border: solid 1px #05446b;}



.page{ overflow: hidden; text-align: center;}

.page_prev,.page_next{ display: inline-flex; align-items: center;}

.page ul{ display: inline-block;}

.page ul a{ display: inline-block; transition: all 0.1s;}

.page img{ display: inline-block;}

.page .page_icon02{ display: none;}

.page .page-num-current{ background: #05446b; color: #fff;}

.page_prev:hover .page_icon01{ display: none;}

.page_prev:hover .page_icon02{ display: inline-block;}

.page_next:hover .page_icon01{ display: none;}

.page_next:hover .page_icon02{ display: inline-block;}

.page ul a:hover{ background: #05446b; color: #fff;}

/*.page_line{ border-bottom: solid 1px #d1d8db;}*/





.guide{ overflow: hidden; position: relative;}

.guide_title{ color: #767985;color: #222327;}

.return_btn{ display: inline-flex; align-items: center; justify-content: center; background: #f66b0e; transition: all 0.3s;}
.return_btn span{
    color:#fff;
}

.return_btn .guide_btn01{ display: none;}

.return_btn:hover{ background: #ff8e42;}

.return_btn:hover>.guide_btn01{ display: none;}

.return_btn:hover>.guide_btn02{ display: block;}

.return_btn:hover>span{ color: #fff;}
.article_p img{
  max-width: 100%;height: auto!important;
}
.explicit{ background: #fff; overflow: hidden;}

.explicit01{ float: left; overflow: hidden;}

.explicit01a{ float: left;}

.explicit01b{ float: right; position: relative;}

.explicit_pic_1{ width: 100%; display: flex; justify-content: center; align-items: center;}

.explicit_pic_1 img{ max-height: 90%;max-width: 100%;}

.explicit_pic_2{ overflow: hidden; border: solid 1px #e1e1e1;}

.explicit_pic_2 img{ width: 100%; height: 100%; object-fit: cover;}

.explicit02{ float: right;}

#galleryThumbs .swiper-slide-thumb-active .explicit_pic_2{ border: solid 1px #05446b;}

.exp-button-prev{ border: solid 1px #e1e1e1; display: flex; justify-content: center; align-items: center;

position: absolute; z-index: 9; transition: all 0.1s;}

.exp-button-next{ border: solid 1px #e1e1e1; display: flex; justify-content: center; align-items: center;

position: absolute; z-index: 9; transition: all 0.1s;}

.exp-button-prev .exp_button02,.exp-button-next .exp_button02{ display: none;}

.exp-button-prev:hover{ background: #05446b;}

.exp-button-next:hover{ background: #05446b;}

.exp-button-prev:hover>.exp_button01{ display: none;}

.exp-button-prev:hover>.exp_button02{ display: block;}

.exp-button-next:hover>.exp_button01{ display: none;}

.exp-button-next:hover>.exp_button02{ display: block;}

.apply ul{ overflow: hidden;}

.apply li{ float: left; background: #fff;}

.apply .apply_pic{ overflow: hidden;}

/*.apply_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}*/
.apply_pic img{ width: 100%;     max-height: 100%;
    object-fit: cover; transition: all 0.3s;}

.apply_word p{ color: #afb3bf;}

.apply_word h1{ font-weight: normal; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.apply_icon{ display: inline-flex; align-items: center;}

.apply_icon span{ color: #05446b; transition: all 0.5s;}

.apply_icon img{ transition: all 0.3s;margin-top: .4em;}

.apply li:hover .apply_pic img{ transform: scale(1.05);}

.apply li:hover .apply_icon img{ transform: translateX(5px);}

.apply li:hover .apply_icon span{ transform: translateX(5px);}

.explicit01a{ position: relative;}

.explicit02a p{ color: #05446b;}

.explicit02a span{ display: block; color: #767985;}

.explicit02b{ display: flex; align-items: center;}

.explicit02b a{ display: inline-flex; align-items: center; background: #f66b0e; transition: all 0.1s;}

.explicit02b span{ color: #fff;}

.explicit02b img{ transition: all 0.2s;}

.explicit02b h1{ color: #767985;}

.explicit02b p{ display: inline-block; color: #008de5; font-family : pro-medium;} 

.explicit01a .large_btn{ position: absolute; left: 0; bottom: 0; z-index: 9;}

.explicit02b a:hover{ background: #ff8e42;}

.explicit02b a:hover>img{ transform: translateX(3px);}

.large_contain{ background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; transition: all 0.3s; opacity: 0; visibility: hidden;}

.large_pic{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; background: #fff;}

.large_pic .large_icon{ position: absolute; z-index: 999;}

.large_look{ opacity: 1; visibility: visible;}



.content{ overflow: hidden;}

.content_l{ float: left; background: #fff;}

.content_r{ float: right;}

.brand_title{ border-bottom: solid 1px #e1e1e1;}

.brand_title li{ color: #999ca8;  border-bottom: solid 3px transparent; transition: all 0.2s;}

.brand_title .brand_active{ font-weight: bold; color: #05446b; border-bottom: solid 3px #05446b;}

.brand_title li:hover{ font-weight: bold; color: #05446b; border-bottom: solid 3px #05446b;}

.brand_ul{ display: none;}

.brand_content .brand_show{ display: block;}
/*.brand_ul img{width:100% !important;*/
/*	    height:auto !important;*/
/*	}*/
.brand_content h1{ font-size:1.5em;}
.brand_content h2{ font-size:1.2em;}
.brand_content h3{ font-size:1em;}

.theory_title{ font-weight: bold;}

.theory_word{ color: #73757f;}

.specific_ul{ overflow: hidden;}

.specific_item{ float: left;}

.specific_item section{ width: 100%; overflow: hidden;}

.specific_item section img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}

.specific_item p{ border-bottom: solid 1px #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.specific_item:hover>section img{ transform: scale(1.05);}

.property li{ color: #73757f;}

.property li:last-child{ margin-bottom: 0;}

.brand_table table{ width: 100%; background: #ddd; border: 0;}

.brand_table tr{ background: #fff;}

.brand_table tr:nth-child(2n){ background: #f1f5f7; font-weight: normal;}

.brand_table th{ font-weight: normal; color: #73757f;}

.brand_table td{ text-align: center; color: #73757f;}

.brand_table tr:nth-child(1) th{ font-weight: bold; color: #05446b;}

.brand_table tr:nth-child(1) td{ font-weight: bold; color: #05446b;}

.virtue{ display: flex; flex-wrap: wrap;}

.virtue li{ border: solid 2px #e0ecf5; position: relative;}

.virtue p{ color: #73757f;}

.virtue img{ position: absolute; z-index: 9;}

.sell01{ overflow: hidden;}

.sell01 li{ float: left; overflow: hidden; background: #f1f5f7;}

.sell01 span{ float: left; font-weight: bold;}

.sell01 p{float: right; color: #73757f;}

.sell02 li{ color: #73757f;}



.brand_tip{ overflow: hidden;}

.brand_btn{ float: left; border: solid 1px #e1e1e1;}

.brand_page{ float: right; position: relative;}

.brand_page button{ cursor: pointer;}

.brand_page img{ transition: all 0.2s;}

.brand_page .brand_line{ position: absolute; width: 1px; height: 40%; top: 50%; left: 50%; transform: translate(-50%,-40%); z-index: 9; background: #ddd;}

.brand_page01:hover>span{ color: #05446b;}

.brand_page01:hover>img{ transform: translateX(-3px);}

.brand_page02:hover>span{ color: #05446b;}

.brand_page02:hover>img{ transform: translateX(3px);}

.related{ background: #fff;}

.related_title{ font-weight: bold; color: #05446b;}

.related_ul li{ overflow: hidden; position: relative; border: solid 1px #e1e1e1;}

.related_w{ float: left;}

.related_w h1{ font-weight: normal;}

.related_w img{ transition: all 0.3s;}

.related_pic{ max-height: 100%; overflow: hidden; position: absolute; right: 0; bottom: 0px; z-index: 9;}

.related_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.related_ul li:hover>.related_w h1{ color: #05446b;}

.related_ul li:hover>.related_w p{ color: #05446b;}

.related_ul li:hover>.related_w img{ transform: translateX(5px);}

.adv li{ position: relative;}

.adv_pic01{ background: url(../image/a_img01.jpg) center no-repeat; background-size: cover;}

.adv_pic02{ background: url(../image/a_img02.jpg) center no-repeat; background-size: cover;}

.adv p{ color: #fff;}

.adv h1{ color: #fff;}

.adv img{ position: absolute; z-index: 9; transition: all 0.3s;}

.adv li:hover>img{ transform: translateX(8px);}

.article p{ color: #858793;}

.information li{ overflow: hidden;}

.information_pic{ overflow: hidden; float: left;}

.information_pic img{ width: 100%; height: 100%; object-fit: contain; transition: all 0.3s;}

.information_w{ float: right; position: relative;}

.information_w p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.information_w span{ color: #858793; position: absolute; left: 0; bottom: 0; z-index: 9;}

.information li:hover .information_pic img{ transform: scale(1.05);}

.information li:hover .information_w p{ color: #05446b;}

.information li:hover .information_w span{ color: #333;}

.advice{ background: url(../image/advice_bg.jpg) center no-repeat; background-size: cover;}

.advice p{ color: #fff;}

.advice h1,.advice h2{ color: #fff;}

.advice a{ border: solid 2px #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;}

.advice span{ color: #fff;}

.advice img{ transition: all 0.3s;}

.advice a:hover{ background: #0ea0fb; border: solid 2px #0ea0fb;}

.advice a:hover>img{ transform: translateX(3px);}



.contact{ overflow: hidden;}

.iw_poi_title{ color:#CC5522; font-weight:bold; overflow:hidden; white-space:nowrap;}

.iw_poi_content{ font-family: arial,sans-serif; overflow:visible; white-space:-moz-pre-wrap; word-wrap:break-word;}

#dituContent{ width: 100%; border:#ccc solid 1px;}

.relation_w span{ display: inline-block; background: #05446b;}

.relation_w p{ color: #73757f;}

.relation_ul{ overflow: hidden;}

.relation_ul li{ float: left; overflow: hidden;}

.relation_ul li img{ float: left;}

.relation_ul li section{ float: right;}

.relation_ul li p{ color: #73757f;}

.consult_title p{ color: #b3c3cf; text-transform: uppercase;}

.consult_int{ overflow: hidden;}

.consult_int input{ float: left; border: solid 1px #e1e1e1;}

.consult_text textarea{ width: 100%; border: solid 1px #e1e1e1; outline: 0; resize: none;}

.consult_btn{ overflow: hidden;}

.consult_btn button.tj{ background: #f66b0e; color: #fff; transition: all 0.2s;}

.consult_btn button.cz{ display: inline-block; text-align: center; background: #f1f5f7; border: solid 1px #e1e1e1; 

 

  transition: all 0.2s;}

.consult_btn button.tj:hover{ background: #ff8e42;}

.consult_btn button.cz:hover{ background: #fff;}

.consult_btn span:hover{ background: #e5f1f7;}





#left_bt{ position:fixed;
    bottom: 0;
    left:0;
    z-index: 10;
}

#left_bt img{width:100%;}


.page ul.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.page ul.pagination a{
    width: auto;
    height: unset;
    line-height: unset;
    padding: .5em .7em;
}
.page ul.pagination a:hover,
.page ul.pagination .active a{
    background: #05446b;
    color: #fff;
}


/*联系我们*/
.contact-box{
       margin-top: 60px;
       margin-bottom: 60px;
}
.address-items {
    display: flex;
    justify-content: space-between;
}

.address-items .item {
    border-right: 1px solid #f1f2f3;
    cursor: pointer;
    text-align: center;
    width: 20%;
    padding: 0 3%;
    /*margin-top: 3%;*/
    /*margin-bottom: 6%;*/
    text-align: left;
    width: 30%;
    box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);
    padding: 3%;
    box-sizing: border-box;
}

.address-items .item .t1 {
    font-size: 16px;
    color: #999;
    margin: 20px 0;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #316ce8;
}

.address-items .item .desc {
    font-size: 16px;
    color: #333;
    padding-bottom: 1px;
    margin-bottom: 10px;
    text-align: left;
}

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

    .address-items {
        flex-wrap: wrap;
    }

    .address-items .item {
        width: 100%;
        margin-bottom: 20px;
    }
}

.article_cont {
    margin-top: 40px;
}
.cont-title{
    text-align: center;
    margin-top: 2em;
    font-size: 2em;
    font-weight: 600;
    color: #316ce8;
}
.cont-info{
    text-align: center;
    margin-top: 2em;
}
.page_mbs{
    position: absolute;
    bottom: .3em;left:0;
    width: 100%;height: 4em;
    background: rgba(0, 0, 0, .2);line-height: 4em;
}
.page_mbs .container,
.page_mbs a{
    color: #fff;
}

.opacity_h1{
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: -1; */
    right: 0;
    /* opacity: 0; */
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 3em;
}


/* 自定义滚动条的宽度 */
.product_menu_box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
/* 滚动条滑块 */
.product_menu_box::-webkit-scrollbar-thumb {
  background-color: rgba(204, 211, 230, 0.5); /* 滑块颜色 */
  border-radius: 4px; /* 滑块圆角 */
  /*border: 2px solid orange; 滑块边框 */
}
 
/* 滚动条轨道 */
.product_menu_box::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道颜色 */
}

.text-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

#allmap{
    height: 40em;
}
.text-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制文本显示为2行 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.index_video_info{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    right: 0;
    bottom: 5px;
    width: 100%;
    /*height: 100%;*/
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(3, 42, 66, .5);
}
.index_video_info_h1{
    font-size: 3.15em;
    color: #fff;
    text-align: center;
}

/*05446b 菜单 按钮 f66b0e   hover ff8e42   */
/*首页案例图片*/
.index_Solution_img_box img{
    
}

/*#about_contant_info p,*/
#contact_box,
.consult_btn button,
.consult_int input,
.consult_text textarea{
    
    font-family: mont-medium!important;
}


.product_de_body .content_l .brand_ul *,
.article_p *,
.case-details .content_l .brand_ul{
     font-family: arial!important;
     line-height: 23px;
}