@charset "utf-8";
/* CSS Document */
.cfff{color: #fff !important;}
.w50{width: 50% !important;height: auto !important;}
.w100{width: 100% !important;}
.mb60 { margin-bottom: 60px;}
.wauto{width: auto !important;}
.teambg{background: url(../img/team_bg.jpg) no-repeat;
 min-height: 550px;
-ms-flex-align: center;
-webkit-align-items: center;
background-attachment: fixed;
background-position: 50%;
background-repeat: no-repeat;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100vh - var(--header_height));
-webkit-justify-content: center;
justify-content: center;	
}
.raasbg{background: url(../img/raas_bg.jpg) no-repeat top;
 padding: 3em 0 7em 0 !important;
color: #fff;
	background-position: center center;
}
.sjal{overflow: hidden;}
.sjal .al{width: 100%;margin: 0 auto;padding-top: 20px;}
.sjal .al ul{width: 100%;}
.sjal .al ul .tit{width: 100%;color: #000;text-align: left;margin-bottom: 20px;margin-top: 12px;}
.sjal .al ul li {width: 24.7%;/*height: 297px;*/overflow: hidden;display: inline-block;margin-bottom: 20px;}
.sjal .al ul li a {
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  color: #fff;
}
.sjal .al ul li a img{width: 100%;max-height: 300px;}
.sjal .al ul li .text {
    background-color: rgba(0,0,0,0.5) !important;
    margin-top: -48px;
    position: relative;
    padding: 10px 20px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 24px;
    overflow: hidden;
}
.sjal .al ul li .text .w {
    width: 100%;
    background: url(../img/icon-btn-arrow.png) no-repeat;
    background-size: 20px;
    background-position: right;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
	color: #fff;
}
.sjal .al ul li .text span{background-color: rgba(0,0,0,0.6);margin-top: -40px;position: relative;padding: 10px 5px;width: 100%;color: #fff;}	

/*新新闻*/

/*news*/
.ng-news {padding:300px 0 120px 120px;overflow:hidden; position:relative;}
.ng-newslist {margin-right:0px;padding:120px 0;background:#FFF;overflow:hidden;}
.news-top { padding-bottom:40px; overflow:hidden;}
.news-top a{ display:block; overflow:hidden;}
.news-top a .pic{ float:left; width:45%; overflow:hidden;}
.news-top a .txt{ float:left; width:47%;padding:5% 3% 5% 5%;overflow:hidden;}
.news-top a .data { text-align:center; border:1px solid #e6e6e6; width:98px;}
.news-top a .data h5{ font-size:12px; border-bottom:1px solid #e6e6e6; display:block; padding:10px 0;overflow:hidden;}
.news-top a .data h3{ font-size:36px; display:block;padding:10px 0;overflow:hidden;}
.news-top a .text { position:relative; margin-top:50px; overflow:hidden;}
.news-top a .text h2{font-size:24px;font-family: Arial,"微软雅黑","黑体",'宋体'; width:80%;}
.news-top a .text h4{font-size:14px;line-height:26px; color:#999999; display:block;padding:20px 0;overflow:hidden;font-weight:normal;}
.news-top a .text h6{font-size:14px;color:#999999; position:absolute; right:0; top:0;font-weight:normal;}
.news-top a .text h5 {display:none; float:right; width:50%; text-align:right;font-size:14px;color:#999999; font-weight:normal;font-family: Arial;}
.news-top a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.news {border-bottom:1px solid #ededed;overflow:hidden;}
.news a{display:block; overflow:hidden;padding:4% 0 4% 3%;}
.news a .data { text-align:center; border:1px solid #e6e6e6; width:98px; float:left;}
.news a .data h5{ font-size:12px; border-bottom:1px solid #e6e6e6; display:block; padding:10px 0;overflow:hidden;}
.news a .data h3{ font-size:36px; display:block;padding:10px 0;overflow:hidden;}
.news a .text { position:relative;overflow:hidden;float:left; width:90%;padding:0 5%;}
.news a .text h2{font-size:20px;font-family: Arial,"微软雅黑","黑体",'宋体';}
.news a .text h4{font-size:14px;line-height:26px; color:#999999; display:block;padding:20px 0;overflow:hidden;width:100%; font-weight:normal;font-family: Arial,"微软雅黑","黑体",'宋体';}
.news a .text h6{font-size:14px;color:#999999; position:absolute; right:0; top:0;font-weight:normal;}
.news a .text h5{font-size:14px;color:#999999;float:right; width:50%; text-align:right;font-weight:normal;font-family: Arial;display:none;}
.news a:hover { background:#f7f7f7;}
.news a:hover .data { border:1px solid #000;}
.news a:hover .data h5{ border-bottom:1px solid #000;}

.pagenum { padding:5% 2% 0 0; overflow:hidden; clear:both;text-align: right;border-top:1px solid #ededed;}
.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 12px; line-height:35px;text-align:center;color:#b3b3b3; overflow:hidden; margin:0 2px;font-size: 16px;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { color:#000;}
.pagenum a.return {width: 100px;font-size: 16px;float: left;}
.pagenum a:first-child,.pagenum a:last-child {font-size: 16px;font-weight: bold;}


.ng-newsdetail {padding:150px 15% 90px 15%;overflow:hidden; position:relative;background: #f5f5f5;}
.ng-newsdetail .data { text-align:center; border:1px solid #464646; width:98px;}
.ng-newsdetail .data h5{ font-size:12px; border-bottom:1px solid #464646; display:block; padding:10px 0;overflow:hidden; color:#000}
.ng-newsdetail .data h3{ font-size:36px; display:block;padding:5px 0;overflow:hidden;color:#000}
.ng-newsdetail .ntitle { font-size:44px; display:block;padding-top:20px;overflow:hidden;color:#000; font-weight:bold;font-family: Arial,"微软雅黑","黑体",'宋体';}
.ng-newsdetail .ntip  {padding:10px 0;overflow:hidden;}
.ng-newsdetail .ntip li { float:left; display:block; color:#575757; font-size:14px; margin-right:40px;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}
.newsdetail { overflow:hidden;padding:5% 0; background:#FFF;}
.ndetail { font-size:14px; line-height:30px;color:#666;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}
.ndetail img { max-width:100%; width:auto; height:auto;}
.ndetail a {color:#666;}
.ndetail * {font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}

.news-detail-page {padding:5% 0;overflow:hidden; position:relative; background:#FFF; margin-right:0px;} 
.detail-page {width:100%;padding:3% 0; position: relative;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;overflow: hidden;}
.detail-page * { display: inline-block; vertical-align:middle;overflow:hidden;}
.detail-page a {display: block;position: absolute;top:50%;margin-top: -10px; font-size: 14px;color: #1a1a1a;font-weight: bold; width:40%;}
.detail-page a:hover {color: #000;}
.detail-page a.prev:hover h6.ctrl{ letter-spacing:2px;}
.detail-page a.next:hover h6.ctrl{ letter-spacing:2px;}
.detail-page a.prev {left: 0; }
.detail-page a.next {right: 0; text-align:right;}
.detail-page a.return {position: relative;top:auto;margin: auto;width: 90px;text-align: center;}
.detail-page a line {height:2px; width:20px; background:#000; }
.detail-page a h6 { margin:0 2%; font-size:14px;font-family:Arial,"微软雅黑","黑体",'宋体';}
 

.relatedcontent {padding:9% 0 0 0;overflow:hidden; }
.relatedcontent .rtitle{ text-align:center;}
.relatedcontent .rtitle h5{ font-size:20px ;color:#767676; }
.relatedcontent .rtitle h4{ font-size:50px ;color:#1a1a1a; }
.nkeyworld {padding:5% 0 0 0; width:70%; margin:auto;overflow:hidden; text-align:center;} 
.nkeyworld a { display:inline-block; margin:0.5%; border:1px solid #ccc; font-size:12px; color:#999999; padding:5px 10px; overflow:hidden;}

.othernews {padding:6% 0 1% 0;overflow:hidden; }
.othernews .icase a .txt h3 { color:#1a1a1a;}
.othernews .icase a .txt h4 { min-height:19px; color:#939393; font-weight:normal;} 

.ng-page-container {overflow: hidden;position: relative;background-size:100%;width: 87%;margin: 0 auto;}

.ng-page-container img{display: block;width: 100%;height: auto;margin-bottom: 20px;
margin-top: 20px;}

.servicetopbg {/*background-image: linear-gradient(to bottom, #000 0%, #000 60%, #fff 60%, #fff 100%);*/}


.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{-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 : mont-bold;

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

}

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

/*footer*/
.case-tubiao ul{width: 75%;
margin: 0 auto;}
	.case-tubiao ul li {
  display: block;
  width: 128px;
  overflow: hidden;
  position: relative;
  float: left;
  text-align: center;
  margin: 1em 1.5em;
}
	.case-tubiao ul li img{display: block;
float: left;
text-align: center;}
	.case-tubiao ul li span {
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
  padding-top: 1em;
}
	.b-ad{width: 100%;
margin: 0 auto;}
	.b-ad img{width: 100%;
margin: 0 auto;}
foot{
    width: 100%;
	border-top: 6px solid #931e23;
}
foot .foot{
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    background: #555;
	padding: 50px 0;
}
foot .foot .footer_top{
    width: 100%;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #fff;
	box-sizing: border-box;
	padding-bottom: 3%;
	justify-content: space-between;
}
foot .foot .footer_top .footer_topL{
    /* width: 50%; */
    position: relative;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}
foot .foot .footer_top .footer_topL h3{
    color: #FFFFFF;
	font-size: 2em;
	font-weight: 700;
	margin: 0 0 30px;
}
foot .foot .footer_top .footer_topL div{
    width: 175px;
    height: 64px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
	align-items: center;
    color: #FFFFFF;
	font-size: 1em;
	margin-bottom: 32px;
	cursor: pointer;
}
foot .foot .footer_top .footer_topL div img{
    width: 15%;
}
foot .foot .footer_top .footer_topL div a{
	color: #fff;
	text-decoration: none;
	text-align: center;
}
foot .foot .footer_top .footer_topL p {
  color: #FFFFFF;
  font-size: .9em;
  margin: 0px;
  line-height: 35px;
  font-weight: 500;
}
foot .foot .footer_top .footer_topL .erwei{
    width: 120px;
    position: absolute;
    left: 80%;
    top: 58px;
    bottom: 0%;
	border: 6px solid #fff;
}
foot .foot .footer_top .footer_topR{
    width: 60%;
    display: flex;
    justify-content: space-between;
}
foot .foot .footer_top .footer_topR ul {
    list-style: none;
    margin-left: 10px;
    width: 20%;
  }
foot .foot .footer_top .footer_topR ul li{
    margin-top: 1%;
}
foot .foot .footer_top .footer_topR ul li h3 {
  color: #feffff;
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
}
foot .foot .footer_top .footer_topR ul li a{
    text-decoration: none;
    color: #fff;
    font-size: .9em;
	display: block;
	line-height: 30px;
	text-align: center;
}
foot .foot .footer_bop{
	box-sizing: border-box;
	padding-top: 2%;
	width: 100%;
    margin: 0 auto;
	min-height: 100px;
	display: flex;
	justify-content: space-between;
}
foot .foot .footer_bop .footer_bop_L{
	display: flex;
	align-items: center;
	width: 50%;
}
foot .foot .footer_bop .footer_bop_L button{
	/* margin-left: 20%; */
	width: 211px;
	height: 56px;
	text-align: left;
	padding: 0 20px;
	background: transparent;
	color: #ffffff;
	position: relative;
	display: block;
	border: 1px solid rgba(0,90,170,.3);
}
foot .foot .footer_bop .footer_bop_L .dropup{
	margin-left: 20%;
	background: transparent;
	color: #ffffff;
	position: relative;
	display: block;
}
foot .foot .footer_bop .footer_bop_L button span{
	float: right;
	/* margin-right: 5%; */
	margin-top: 1%;
}
.dropdown-menu{
	/* margin-left: 20%; */
}
foot .foot .footer_bop .footer_bop_L button:hover{
	color: #ffffff;
}
foot .foot .footer_bop .footer_bop_R{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-around;
}
foot .foot .footer_bop .footer_bop_R p{
	color: #fff;
	font-size: .8em;
}
foot .foot .footer_bop .footer_bop_R a{
	text-decoration: none;
	font-size: 1em;
	color: #fff;
}

.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: right; position: relative;}

.header_pc::before{ content: ''; position: absolute; left: 0; top: 38%; z-index: 9; width: 0px; 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: #980014; 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: left;}

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

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



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

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_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: #980014; border: solid 2px #980014;}

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

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

.production_p{ color: #767985;font-size: 12px;}

.pro_line{ background: #980014;}

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

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

.pursue_title .on .pur_word p{ color: #980014; 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{padding: 0em 0 !important; background-size: cover;}

.research_p{ color: #fff;}

.research_bg img{
  width: 100%;
}

.research_ul li {
  width: 99%;
  background: #64000c;
  overflow: hidden;
  transition: all 0.3s;
  border: 1px solid #930101;
}

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

.vocational_word{ color: #767985;}

.vocational_word i{ font-style: normal;}

.case_btn li{ color: #767985;}

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

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

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

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

.case_contain .caseswiper{ display: none;}

.case_contain .case_show{ display: block;}



.about_bg{ background: url(../img/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(../img/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: #980014; border: solid 2px #980014;}

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

.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 h1 a{font-size: 1em; 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: #980014; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; z-index: 9;

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

.leader a:hover{ color: #980014;}

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

.leader .leader_active a{ color: #980014;}

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

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

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

.record02 p{ color: #767985;}

.opinion_bg{ background: url(../img/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 0px #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(../img/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: #980014;}

.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(../img/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: #980014;}

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

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

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

.research_word{ color: #767985;}

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

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

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

.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(../img/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: #980014;}

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

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



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

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

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

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

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

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

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

.explicit02b button{ display: inline-flex; align-items: center; background: #980014; 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: #980014; border-bottom: solid 3px #980014;}

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

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

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

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

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

.brand_page02:hover>span{ color: #980014;}

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

.related{ background: #fff;}

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

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

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

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

.adv li{ position: relative;}

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

.adv_pic02{ background: url(../img/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: #980014;}

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

.advice{ background: url(../img/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: #980014; border: solid 2px #980014;}

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

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

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


.m_bottom{display:none;}