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

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

.yqlj a{
  margin-right: 10px;
}
.yqlj ,.yqlj a{
  color: #556a83;
}
.yqlj{
  clear: both;
  margin-top: 30px;
}
.yqlj a:hover{
  color: #fff;
}


.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-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(/static/font/DINPro-Bold.otf); 

}



@font-face {

   font-family : pro-black;

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

}



@font-face {

   font-family : pro-medium;

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

}



@font-face {

   font-family : mont-medium;

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

}



@font-face {

   font-family : mont-bold;

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

}





.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: #0076c0; position: absolute; left: 0; bottom: 3px; z-index: 999; 

transition: all 0.3s;}

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

opacity: 0; visibility: hidden; transition: all 0.5s; 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_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;}

.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: #0076c0;}

.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_topic:hover .header_word02{ opacity: 1; visibility: visible; background: #fff;}

.header_word02 a:hover{ font-weight: bold; color: #0076c0;}



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

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

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

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

.header_title01 span{ color: #fff; 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 #2a85be;}

.dropdown-menu p{ font-size: 0.7rem; color: #fff; 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: #0d85d0;}

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

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

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

.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_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 #fff;

  border-left: 3px solid #fff;

  border-bottom: 3px solid #fff;

  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 #fff;

  border-right: 3px solid #fff;

  border-bottom: 3px solid #fff;

  border-radius: 0 20px 20px 0;

  border-left: 0;

  box-sizing: border-box;

}

#banner_pagination .swiper-pagination-bullet-active {

	color: #fff;

}

#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;}

.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; border: solid 1px #767985;}

.product_btn button{ color: #767985; cursor: pointer;}

.product_btn .pro_img02{ display: none;}

.product_btn:hover{ background: #0076c0; border: solid 1px #0076c0;}

.product_btn:hover>button{ 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: #0076c0;}

.production li:hover>h1{ color: #0076c0;}

.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: #0076c0; 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: #0076c0; transition: all 0.2s;}

.pursue_title .on .pur_word p{ color: #0076c0; 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: #fff;}

.pursue_tip img{ position: absolute; left: 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: #006ab5;}

.vocational_word{ color: #767985;}

.vocational_word i{ font-style: normal;}

.case_btn li{ color: #767985;}

.case_btn .case_active{ color: #0076c0; 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: #0076c0;}

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

.case:hover>.case_word p{ color: #0076c0;}

.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;}

.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;}

.record01 h1{ 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 button{ 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 button:hover{ background: #0ea0fb; border: solid 2px #0ea0fb;}

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

.footer{ background: #0d2949;}

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

.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: #556a83;}

.footer01b{ float: left;}

.footer01c{ float: right;}

.footer01c p{ color: #fff;}

.footer01c h1{ color: #0076c0;}

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

.footer_code span{ display: block; color: #556a83;}

.footer02{ overflow: hidden;}

.footer02 p{ float: left; color: #556a83;}

.footer02 span{ float: right; color: #556a83;}

.footer01a a:hover{ color: #fff;}



.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: #006ab5; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; z-index: 9;

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

.leader a:hover{ color: #006ab5;}

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

.leader .leader_active a{ color: #006ab5;}

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

.brief{ overflow: hidden;}

.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: #0076c0;}

.record02 span{ font-family: pro-medium; color: #0076c0;}

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

.record02 p{ color: #767985;}

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

.opinion li{ width: 23.5%; background: #fff; position: relative;}

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

.opinion02 p{ color: #767985;}

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

.opinion li:hover>.opinion03{ transform: rotateY(180deg);}

.technology_bg{ background: url(../image/tech_bg.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: #0076c0;}

.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;}



.base_bg{ background: url(../image/base_tu.jpg) center top no-repeat; background-size: 100% 70%;}

.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: #50a8e6;}

.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: #006ab5;}

.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: #0076c0;}

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

.research_word{ color: #767985;}

.record03 span{ font-family: mont-medium; color: #0076c0;}

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

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

.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: #0076c0;}

.ensure_bg{ width: 100%; background: #006ab5; 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: #006ab5;}

.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: #006ab5; 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: #0076c0; color: #fff; border: solid 1px #0076c0;}



.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: #0076c0; 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: #0076c0; color: #fff;}

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





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

.guide_title{ color: #767985;}

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

.return_btn .guide_btn02{ display: none;}

.return_btn:hover{ background: #0076c0;}

.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 #0076c0;}

.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: #006ab5;}

.exp-button-next:hover{ background: #006ab5;}

.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_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: #006ab5; transition: all 0.5s;}

.apply_icon img{ transition: all 0.3s;}

.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: #006ab5;}

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

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

.explicit02b button{ display: inline-flex; align-items: center; background: #006ab5; 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 button:hover{ background: #008de5;}

.explicit02b button: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: #006ab5; border-bottom: solid 3px #006ab5;}

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

.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: #006ab5;}

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

.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: #006ab5;}

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

.brand_page02:hover>span{ color: #006ab5;}

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

.related{ background: #fff;}

.related_title{ font-weight: bold; color: #006ab5;}

.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: -5px; z-index: 9;}

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

.related_ul li:hover>.related_w h1{ color: #006ab5;}

.related_ul li:hover>.related_w p{ color: #006ab5;}

.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: cover; 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: #006ab5;}

.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{ color: #fff;}

.advice button{ 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 button:hover{ background: #0ea0fb; border: solid 2px #0ea0fb;}

.advice button: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%; }

.relation_w span{ display: inline-block; background: #006ab5;}

.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: #006ab5; 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:hover{ background: #008de5;}

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