@charset "utf-8";
/* CSS Document */
/* @font-face {
	font-family:huxiaobo;
	src: url(../fonts/huxiaobo1.ttf) format('truetype'), url(../fonts/huxiaobo1.otf) format('otf');
} */
/* 全局字体 */
@font-face {
	font-family:huxiaobo;
	src: url(../fonts/hxb-Light.ttf) format('truetype'), url(../fonts/hxb-Light.otf) format('otf');
}

/* 新闻内容 */
@font-face {
	font-family: huxiaobo1_e;
	src: url(../fonts/hxb-Light.ttf) format('truetype'), url(../fonts/hxb-Light.otf) format('otf');
}
/* 标题加粗 */
@font-face {
	font-family:'文鼎UD晶熙黑体_E';
	src: url(../fonts/hxb-Medium.ttf) format('truetype'), url(../fonts/hxb-Medium.otf) format('otf');
}

@font-face {
	font-family: logo;
	src: url(../fonts/logo.ttf) format('truetype'), url(../fonts/logo.otf) format('otf');
}

html{
  overflow-x: hidden !important;
}
body{
  color: #212121;
  font-weight: normal;
  font-family: '文鼎晶熙润黑HK_M' !important;
}
::-webkit-scrollbar-track-piece {
  width: 10px;
  background-color: #fff;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
	background: #212121;
	color: #fff;
}
::selection {
	background: #212121;
	color: #fff;
}
.clm6{
  margin-left: -6px;
  margin-right: -6px;
}
.clp6{
  padding-left: 6px;
  padding-right: 6px;
}
.clm8{
  margin-left: -8px;
  margin-right: -8px;
}
.clp8{
  padding-left: 8px;
  padding-right: 8px;
}
.clm10{
  margin-left: -10px;
  margin-right: -10px;
}
.clp10{
  padding-left: 10px;
  padding-right: 10px;
}
.clm12{
  margin-left: -12px;
  margin-right: -12px;
}
.clp12{
  padding-left: 12px;
  padding-right: 12px;
}
.clm0{
  margin-left: -0px;
  margin-right: -0px;
}
.clp0{
  padding-left: 0px;
  padding-right: 0px;
}
.clm4{
  margin-left: -4px;
  margin-right: -4px;
}
.clp4{
  padding-left: 4px;
  padding-right: 4px;
}
.clm2{
  margin-left: -2px;
  margin-right: -2px;
}
.clp2{
  padding-left: 2px;
  padding-right: 2px;
}
.clm3{
  margin-left: -3px;
  margin-right: -3px;
}
.clp3{
  padding-left: 3px;
  padding-right: 3px;
}

/**********header**********/
.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 999;
  padding: 0 6.7%;
  background: rgba(10, 10, 10, .75);
  /* font-family: '文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 1px !important;
}
.header_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(27,27,27,0);
  opacity: 0;
}
.header .logo{
  height: 46px;
  position: absolute;
  top: 22px;
  left: 6.7%;
}
.header  .logo_txt{
  position: absolute;
  left: 9%;
  margin-left: 185px;
  top: 36px;
  color: #ffffff;
  text-align: right;
  border-right: 1px solid #8e8f8f;
  padding-right: 15px;
}
.header  .logo_txt h5{
  margin: 0 0 2px 0;
  font-family: logo !important;
}
.header  .logo_txt p{
  font-size: 10px;
  margin-bottom: 0;

}
.header .logo img{
  height: 46px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header .logo img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header .logo img:last-child{
  position: absolute;
  top: 0;
  left: 0;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.header ul{
  padding: 0;
  margin: 0;
  margin-left: 38%;
}
.header ul li{
  float: left;
  font-size: 20px;
  margin-right: 5%;
  padding-top: 25px;
  line-height: 65px;
  font-weight: 100;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header ul>li:last-child{
  margin-right: 0;
}
.header ul li i{
  margin-left: 4px;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header ul li:hover{
  color: #a7344e;
}
.header ul li:hover i{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header .right{
  position: absolute;
  top: 50%;
  right: 6.7%;
  margin-top: 14px;
  display: flex;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header .right>span{
  margin-left: 0px;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  position: relative;
  justify-content: center;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header .right span.header_lang{
  font-size: 14px;
}
.header .right span.header_search{
  /* width: 96px !important; */
  border: none !important;
  justify-content: space-between !important;
}
.header .right span.header_search i{
  margin-right: 6px;
}
.header .right span.header_search input{
  background: none;
  border: none;
  width: 0px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #fff;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header .right span.header_search:hover input{ 
  width: 90px;
}

.header .right span.header_search input::-webkit-input-placeholder {
  color: #fff;
  font-size: 13px;
}
.header .right span.header_search input::-moz-placeholder { 
  color: #fff;
  font-size: 13px;
}
.header .right span.header_search input:-ms-input-placeholder {
  color: #fff;
  font-size: 13px;
}  
.header .right span.header_search{
  margin-left: 40px;
  cursor: pointer;
}
.header_search i{
  width: 24px;
  height: 24px;
  position: relative;
}
.header_search i img{
  display: block;
  width: 24px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header_search i img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header_search i img:last-child{
  position: absolute;
  top: 0px;
  left: 0px;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}


.pc_nav_btn{
  padding: 10px 20px;
  margin-left: 20px;
}
.pc_nav_btn .icon-bar {
  display: block;
  margin: 5px 0;
  width: 23px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pc_nav_btn.animated2 .icon-bar.top {
  -webkit-transform: translateY(6px) rotateZ(45deg);
  transform: translateY(6px) rotateZ(45deg);
}
.pc_nav_btn.animated2 .icon-bar.middle {
  width: 0;
}
.pc_nav_btn.animated2 .icon-bar.bottom {
  -webkit-transform: translateY(-8px) rotateZ(-45deg);
  transform: translateY(-8px) rotateZ(-45deg);
}

.pc_nav{
  position: fixed;
  height: 100%;
  width: 20%;
  top: 0;
  right: 0;
  background-color: rgba(27, 29, 30, .9);
  z-index: 998;
  display: none;
}
.pc_nav ul{
  padding: 0;
  margin: 0;
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.pc_nav ul li{
  font-size: 20px;
  line-height: 3;
  color: #fff;
}
.pc_nav_show{
  width: 80%;
  height: 72%;
  position: absolute;
  bottom: 0;
  right: 100%;
  background-color: rgba(27, 29, 30, .9);
  display: none;
}
.pc_nav_list{
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.pc_nav_list p{
  margin: 0;
  font-size: 18px;
  color: #f1f1f1;
  line-height: 3;
  white-space:nowrap;
}

.index_home{
  position: fixed;
  bottom: 30%;
  right: 0;
  z-index: 99999;
  width: 60px;
  box-shadow: 0 1px 4px 0 rgba(42, 48, 52, 0.19);
  cursor: pointer;
}
.index_home span{
  font-size: 16px;
  line-height: 60px;
  display: block;
  text-align: center;
  background: #020202;
  color: #fff;
  border-right: none;
  border-radius: 3px 0 0 3px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_home span:hover{
  background: #a7344e;
}
.index_home img{
  display: block;
  padding: 20%;
}
.index_home p{
  background-color: #020202;
  font-size: 12px;
  color: #fff;
  padding: 10%;
  margin-bottom: 0;
  padding-bottom: 20%;
  border-radius: 3px 0 0 3px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_home p i{
  display: block;
  font-style: normal;
  white-space:nowrap;
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
}
.index_home p:hover{
  background: #a7344e;
}

/* .header .right span img{
  width: 35px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.header .right span img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header .right span img:last-child{
  position: absolute;
  top: 5px;
  left: 5px;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
} */
.header.inner{
  background: rgba(27,27,27,.9) !important;
}
.header:hover .header_bg{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  opacity: 1;
}
.header.inner .logo{
  top: 25px;
}
.header.inner ul li{
  line-height: 65px;
  padding-top: 20px;
}
.header.inner{
  height: 85px;
}
.header.inner .right{
  margin-top: 9px;
}
.header.inner .logo_txt{
  top: 38px;
}

/* .header:hover .right span{
  color: #0c0c0c;
  border: 1px solid #0c0c0c;
}
.header:hover .header_search i img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.header:hover .header_search i img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header:hover .logo img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.header:hover .logo img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header:hover ul li{
  color: #0c0c0c;
} */
.header.active{
  background: rgba(27,27,27,.9);
}
/* .header.active .right span img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.header.active .right span{
  color: #0c0c0c;
  border: 1px solid #0c0c0c;
} */
/* .header.active .header_search i img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.header.active .header_search i img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header.active .logo img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.header.active .logo img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.header.active ul li{
  color: #0c0c0c;
} */
.subNav{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 2% 13%;
  display: none;
}
.subNav_left{
  width: 16%;
  float: left;
}
.subNav_left .list{
  background-color: #f7f7f7;
  font-size: 16px;
  color: #000;
  cursor: pointer;
  padding: 3% 4%;
  display: flex;
  align-items: center;
  border: 2px solid #f7f7f7;
  margin-bottom: 5%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav_left .list a{
  color: #000;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav1 .subNav_left .list{
  /* background-color: #a7344e;
  border: 2px solid #a7344e; */
}
.subNav1 .subNav_left .list a{
  color: #212121;
  display: flex;
  align-items: center;
}
.subNav_left .list:last-child{
  margin-bottom: 0;
}
.subNav_left .list span{
  width: 35%;
  position: relative;
  margin-right: 10px;
}
.subNav_left .list img{
  width: 100%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav_left .list img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.subNav_left .list img:last-child{
  position: absolute;
  top: 0;
  left: 0;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.subNav_left .list.active{
  border: 2px solid #a7344e;
  background-color: #a7344e;
}
.subNav_left .list.active img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.subNav_left .list.active img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.subNav_left .list.active a{
  color: #fff;
}
.subNav4 .subNav_left .list.active{
  border: 2px solid #a7344e;
  background-color: #a7344e !important;
}
.subNav4 .subNav_left .list.active a{
  color: #fff !important;
}
.subNav4 .subNav_left .list{
  justify-content: center;
  line-height: 2;
  /* box-shadow: 1px 1px 1px #a7344e; */
}

.subNav_right{
  width: 84%;
  float: left;
  padding-left: 2%;
}
.subNav_right .row{
  display: none;
}
.subNav_right .row .col-sm-12{
  position: relative;
}
.swiper_nav_next{
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -25px;
  cursor: pointer;
}
.swiper_nav_next span{
  display: block;
  font-size: 30px;
  color: #212121;
}
.subNav_right .list .img{
  background: #f7f7f7;
  overflow: hidden;
}
.subNav_right .list .img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav_right .list:hover .img img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
.subNav_right .list p{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav_right .list:hover p {
color: #9d1e3b;
}
.subNav_right .list:hover p span{
  color: #c6c6c6;
}
.subNav_right .list p{
  text-align: center;
  margin: 0;
  font-size: 16px;
  color: #000;
  line-height: 30px;
}
.subNav_right .list p span{
  font-size: 12px;
  color: #c6c6c6;
  display: block;
  line-height: 1;
  -webkit-transform:scale(.8);
  transform:scale(.8);
}
.subNav4 .subNav_right .list{
  position: relative;
} 
.subNav4 .subNav_right .list p{
  color: #fff; 
  position: absolute;
  bottom: 0;
  left: 10px;
  letter-spacing: 1px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.subNav4 .subNav_right .list:hover p{
  color: #9d1e3b;
}

.subNav4 .subNav_right{
  float: right;
}
.subNav4 .subNav_left{
  width: 11.84%;
  position: absolute;
  top: 50%;
  left: 13%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.subNav2{
  padding: 1.6% 13%;
}
.subNav3{
  padding: 1.6% 13%;
}
.subNav4{
  padding: 3.2% 13%;
}

.subNav2_box{
  background: #f0f0f0;
  width: 100%;
  display: flex;
}
.menu_ser{
  width: 22%;
  padding: 2% 2%;
  position: relative;
  display: flex;
  border-right: 10px solid #fff;
}
.menu_ser:nth-child(4){
  width: 26%; 
}
.menu_ser:nth-child(1){
  width: 30%;
}
.menu_ser:nth-child(4) a{
  width: 100%;
}

.menu_ser_left{
  width: 64%;
}
.menu_ser_left h5{
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  margin-bottom: 15%;
  color: #000000;
}
.menu_ser_left h5:hover{
  color: #9d1e3b;
}
.menu_ser_left p{
  color: #9b9b9b;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}
.menu_ser_right h5{
  width: 100%;
  font-size: 18px;
  margin: 0;
  color: #000000;
  font-weight: 600;
  line-height: 2; 
  text-align: center;
}
.menu_ser_right h5 span{
  display: block;
  text-align: center;
  font-size: 20px;
  color: #a7344e;
  line-height: 1;
}
/* .menu_ser_right p{
  font-size: 20px;
  margin: 0;
  color: #000000;
  margin-top: 10px;
} */


.menu_ser_img{
  width: 36%;
}
.menu_ser_box{
  width: 100%;
  cursor: pointer;
}
.menu_ser_box img{
  display: block;
  width: 20%;
  margin: 0 auto;
}
.menu_ser_box p{
  font-size: 20px;
  margin: 0;
  font-weight: 600;
  margin-top: 6%;
  color: #000000;
  text-align: center;
  line-height: 2;
}
.menu_ser_box p:hover{
  color: #a7344e;
}
.menu_ser_box{
  padding: 6.8% 0;
}

.subNav3_box{
  display: flex;
  justify-content: center;
}
.subNav3_list{
  width: 18%;
  margin: 0 6px;
  cursor: pointer;
}
.subNav3_list p{
  font-size: 20px;
  margin: 0;
  margin-top: 10%;
  color: #000000;
  text-align: center;
}

.subNav4_box{
  display: flex;
  justify-content: center;
}

#move1, #move2, #move3, #move4{
  position: absolute;
  top: -2%;
  bottom: -2%;
  left: -2%;
  right: -2%;
}
/**********header**********/	

/**********首页**********/
.banner{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_list{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner_list1{
  background-position: center;
}
.banner_list3{
  background-position:35% center;
}
.banner_list video{
	position: absolute;
  height: 132%;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.banner_list .video_txt{
  width: 74%;
  position: absolute;
  top: 46%;
  left: 13%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_list .video_txt p{
  font-size: 16px;
  letter-spacing: 2px;
  color: #fff;
  margin: 0;
  text-align: center;
}
.banner_list .video_txt h5{
  font-size: 80px;
  color: #fff;
  letter-spacing: 4px;
  margin: 4% 0;
  text-align: center;
}
.banner_list .video_txt span{
  display: inline-block;
  padding: 5px 25px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, .4);
  border-radius: 20px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.banner_list .video_txt span:hover{
  background: rgba(0, 0, 0, .6);
}
.banner_list .video_txt span i{
  font-style: normal;
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
}
.banner_list .txt{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner_list .txt.banner_list_txt1{
  /* top: 38%;
  right: 6%;
  text-align: center; */
  top: 45%;
  left: 12%;
  text-align: left;
}
.banner_list .txt.banner_list_txt2{
  top: 45%;
  left: 15%;
  text-align: left;
}
.banner_list .txt.banner_list_txt3{
  top: 45%;
  left: 6%;
  text-align: center;
}
.banner_list .txt p{
  font-size: 26px;
  letter-spacing: 2px;
  margin: 0;
  color: #fff;
}
.banner_list .txt h5{
  margin: 0;
  font-size: 60px;
  font-weight: normal;
  color: #fff;
  margin: 10px 0;
  letter-spacing: 6px;
  position: relative;
}
.banner_list .txt i{
  display: block;
  font-style: normal;
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 40px;
}
.banner_more{
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  padding: 0 40px;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  /* border: 2px solid #c7ced8; */
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;

}
.banner_list_txt1 .banner_more{
  /* background-color: rgba(255, 255, 255, .3); */
  background-color: #902c3d;
  border: 2px solid #902c3d;
}
.banner_list_txt2 .banner_more{
  background-color: #902c3d;
  border: 2px solid #902c3d;
} 
.banner_list_txt3 .banner_more{
  /* background-color: rgba(255, 255, 255, .3); */
  background-color: #902c3d;
  border: 2px solid #902c3d;
} 
.banner_video_btn{
  position: absolute;
  bottom: 60px;
  left: 8%;
  width: 46px;
  height: 46px;
  padding: 10px;
  border-radius: 46px;
  z-index: 99;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  background-color: rgba(0, 0, 0, 0);
}
.banner:hover .banner_video_btn{
  background-color: rgba(0, 0, 0, .8);
}
.banner_video_btn img{
  width: 26px;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.banner_video_btn img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100); 
}
.banner_video_btn img:last-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.banner_video_btn.play img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0); 
}
.banner_video_btn.play img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);  
}

.hover_line{
  position: relative;
}
.hover_line::after,  .hover_line::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
}  
.hover_line::before{
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);
  transition: transform .6s cubic-bezier(.165,.84,.44,1);
  transition: transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
  transition-delay: .16s;
}
.hover_line::after{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);
  transition: transform .6s cubic-bezier(.165,.84,.44,1);
  transition: transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
  transition-delay: 0s;
} 
.hover_line:hover::before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition-delay: 0s;
}
.hover_line:hover::after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: .16s;
}

.swiper_banner .swiper-pagination{
  bottom: 36px;
}
.swiper_banner .swiper-pagination-bullet{
  width: 7px;
  height: 7px;
  opacity: 1;
  border-radius: 8px;
  background-color: #b4b0ae;
  cursor: pointer !important;
  margin: 0 8px !important;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s !important;	
  transition: all cubic-bezier(.18,1,.21,1) .9s !important;
}
.swiper_banner .swiper-pagination-bullet-active{
  width: 11px;
  height: 11px;
  border-radius: 12px;
  background-color: #fff;
  -webkit-transform: translateX(-1px) translateY(1px);
  transform: translateX(-1px) translateY(1px);
  opacity: 1;
}


.index_new{
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
#move2, #move3, #move4{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.index_new_1{
  background-image: url(../images/index_new1.jpg);
}
.index_new_2{
  background-image: url(../images/index_new2.jpg);
}
.index_new_3{
  background-image: url(../images/index_new3.jpg);
}
.index_new_txt{
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.index_new_txt h5{
  font-size: 50px;
  color: #fff;
  margin: 0;
  margin-bottom: 10px;
}
.index_new_txt p{
  line-height: 1.6;
  font-size: 22px;
  color: #fff;
  margin-bottom: 25px;
}
.index_new_txt span{
  display: inline-block;
  cursor: pointer;
}
.index_new_txt span i{
  font-style: normal;
  display: block;
  font-size: 24px;
  line-height: 2.4;
  padding: 0 60px;
  color: #212121;
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, .8);
  margin-bottom: 25px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) 0s;	
  transition: all cubic-bezier(.18,1,.21,1) 0s;
  overflow: hidden;
}
.index_new_txt span i::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(190, 137, 22, .9);
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) 0s;	
  transition: all cubic-bezier(.18,1,.21,1) 0s;
}
.index_new_txt span i.active1::after{
  left: 0%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_new_txt span i.active2::after{
  left: -100%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_new_txt span i.active1{
  color: #fff;
}
.index_new_txt span i.active2{
  color: #212121;
}
.index_new_txt i{
  font-size: 16px;
  color: #fff;
  display: block;
  font-style: normal;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_new_txt i span{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_new_txt i:hover span{
  color: #be8916;
}
.index_new_txt i:hover .hover_line::after{
  background-color: #be8916;
}
.index_new_txt i:hover .hover_line::before{
  background-color: #be8916;
}
.index_new1 .index_new_txt{
  top: 30%;
  left: 75%;
}
.index_new2 .index_new_txt{
  top: 40%;
  left: 50%;
}
.index_new3 .index_new_txt{
  top: 30%;
  left: 25%;
}

.index_product{
  padding: 6% 13%;
}
.index_product>h5{
  font-size: 32px;
  color: #000;
  letter-spacing: 4px;
  margin: 0;
  margin-bottom: 3%;
}
.index_product_list{
  position: relative;
}
.index_product_list .img{
  position: relative;
}
.index_product_list .img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product_list .img img:last-child{
  position: absolute;
  top: 0;
  left: 0;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.index_product_list:hover .img img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.index_product_list h5{
  position: absolute;
  margin: 0;
  top: 5%;
  left: 5%;
  font-size: 24px;
  color: #000;
  letter-spacing: 3px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product_list:hover h5{
  color: #fff;
}

.index_product_btn{
  margin-top: 4%;
  text-align: center;
}
.index_product_btn span{
  display: inline-block;
  margin: 0 auto;
  background: #f7f7f7;
  text-align: center;
  padding: 2% 3%;
  font-size: 16px;
  color: #424242;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product_btn span i{
  font-style: normal;
}
.index_product_btn span img{
  width: 16px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product_btn span.active img{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.index_product_btn span:hover{
  background-color: #212121;
  color: #fff;
}
.show_more{
  display: none;
}
.index_product_list_more{
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.index_product_list_more h5{
  position: absolute;
  margin: 0;
  bottom: 5%;
  right: 5%;
  font-size: 24px;
  color: #000;
  letter-spacing: 3px;
}
.show_more .row:nth-child(2) .index_product_list_more h5{
  color: #fff;
}
.index_product_list_more>img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product_list_more:hover img{
  -webkit-transform:scale(1.08);
  transform:scale(1.08);
}
.show_more .row{
  display: none;
}

.index_product1{
  padding: 5% 12%;
  padding-bottom: 4%;
}
.index_product1 h5{
  font-size: 28px;
  color: #212121;
  margin: 0;
  margin-bottom: 2%;
  letter-spacing: 0px;
  font-weight: 600;
  display: flex;
  align-items: center;
  /* font-family:'文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 2px;
}
.index_product1 h5 img{
  width: 26px;
  margin-right: 15px;
  margin-top: -5px;
}
.index_product1_list{
  position: relative;
  background-color: #f1f1f1;
  overflow: hidden;
  /* font-family:'文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 1px;
}
.index_product1_list img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product1_list span{
  font-size: 22px;
  color: #212121;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product1_list:hover span{
  color: #fff;
}
.index_product1_list_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 0;
  left: 0;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product1_list:hover .index_product1_list_bg{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.index_product2{
  padding-top: 0;
  padding-bottom: 0;
}
.index_product3{
  padding-top: 4%;
  padding-bottom: 6%;
}

.index_video{
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.index_video video{
  width: 100%;
  position: absolute;
  top: -16.5%;
}
.video_img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/video_bg.jpg) center no-repeat;
  background-size: cover;
}
.index_video .banner_video_btn{
  left: 50%;
  bottom: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}
.index_video:hover .banner_video_btn{
  background-color: rgba(0, 0, 0, .8);
}

.index_serve{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.index_serve>img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) 1.2s;		
  transition: all cubic-bezier(.18,1,.21,1) 1.2s;
}
.index_serve:hover >img{
  -webkit-transform:scale(1.03);
  transform:scale(1.03);
}
.index_serve .txt{
  position: absolute;
  top: 20%;
  left: 13%;
}
.index_serve .txt h5{
  margin: 0;
  font-size: 60px;
  letter-spacing: 5px;
  color: #fff;
  text-align: center;
}
.index_serve .txt p{
  margin: 4% 0 8% 0;
  text-align: center;
}
.index_serve .txt p span{
  display: inline-block;
  font-size: 20px;
  margin:  0 10px;
  color: #fefefe;
  letter-spacing: 2px;
}
.index_serve .txt .more{
  text-align: center;
}
.index_serve .txt .more span{
  display: inline-block;
  font-size: 28px;
  letter-spacing: 4px;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #fff;
}
.index_hot{
  padding: 5% 12%;
  background-color: #fff;
}
.index_hot_list{
  overflow: hidden;
  position: relative;
  margin-bottom: 4px;
}
.index_hot_list_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_hot_list:hover .index_hot_list_bg{
  opacity:0.4;
  -moz-opacity:0.4; 
  -khtml-opacity:0.4;
  -webkit-opacity:0.4;
  filter:alpha(opacity=40);
}
.index_hot_list>img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_hot_list:hover>img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.index_hot_list>h5{
  width: 5%;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 25px;
  right: 30px;
  margin: 0;
  letter-spacing: 2px;
  vertical-align: middle;
}
.index_hot_list>h5 img{

}
.index_hot_list .txt{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  text-align: right;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.index_hot_list .txt h5{
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0px;
  margin: 0;
  font-size: 22px;
  text-align: center;
  font-weight: normal;
  display: block;
  color: #fff;
  letter-spacing: 2px;
}
.index_hot_list .txt p{
  position: absolute;
  top: 60px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
}
.index_hot_list .txt span{
  position: absolute;
  bottom: 25px;
  left: 50%;
  font-size: 13px;
  line-height: 2.6;
  padding: 0 35px;
  font-family: huxiaobo;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
  letter-spacing: 0px;
  border-radius: 3px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_hot_list .txt span:hover{
  background-color: #902c3d;
  border: 1px solid #902c3d;
}
.index_hot_list:hover .hover_line::before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition-delay: 0s;
}
.index_hot_list:hover .hover_line::after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: .16s;
}
.index_hot_more{
  margin-top: 5%;
  text-align: center;
}
.index_hot_more span{
  display: inline-block;
  font-size: 18px;
  color: #212121;
  line-height: 3;
  padding: 0 50px;
  background-color: #f5f5f5;
  letter-spacing: 2px;
  cursor: pointer;
}
.hot_more{
  display: none;
}

.index_new_serve{
  width: 100%;
}

.index_new_serve_img{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.index_new_serve_img>img{
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s; 
}
.index_new_serve_img:hover >img{
  -webkit-transform:scale(1.06);
  transform:scale(1.06);
}
.index_new_serve_txt{
  width: 100%;
  position: absolute;
  top: 10%;
  left: 0;
  text-align: center;
}
.index_new_serve_txt h5{
  font-size: 28px;
  color: #212121;
  margin: 0;
  font-weight: 600;
  margin-bottom: 30px;
  letter-spacing: 2px;
  /* font-family: '文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 2px;
}
.index_new_serve_txt h5 img{
  width: 26px;
  margin-right: 10px;
  vertical-align: -4px;
}
.index_new_serve_txt p{
  font-size: 14px;
  text-align: center;
  color: #515151;
  margin-bottom: 2%;
}
.index_new_serve_txt span{
  display: inline-block;
  font-size: 13px;
  line-height: 3;
  padding: 0 4%;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  /* border: 1px solid #212121; */
  background-color: #9d1e3b;
  border: 1px solid #9d1e3b;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
/* .index_new_serve_txt span:hover{
  background-color: #9d1e3b;
  border: 1px solid #9d1e3b;
  color: #fff;
} */

.index_join{
  padding: 8%;
}
.index_join_list{
  overflow: hidden;
}
.index_join_list img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_join_list:hover img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
} 
.index_join_list1 h5{
  margin: 0;
  font-size: 28px;
  color: #212121;
  position: absolute;
  letter-spacing: 2px;
  top: 24%;
  left: 36%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.index_join_list2 h5{
  margin: 0;
  position: absolute;
  top: 24%;
  font-size: 28px;
  line-height: 1.6;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
}

.index_cook{
  padding: 5% 12%;
  background-color: #fff;
}
.index_cook>h5{
  padding: 0;
  font-size: 28px;
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 600;
  margin-bottom: 2%;
  letter-spacing: -1px;
  /* font-family: '文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 2px;
}
.index_cook>h5 img{
  width: 26px;
  margin-right: 15px;
  margin-top: -5px;
}
.index_cook_list{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
/* .index_cook_list:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 2;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
} */
.index_cook_list_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
}
.index_cook_list>img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_cook_list p{
  width: 100%;
  font-size: 22px;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 9;
  padding: 10px 15px;
  letter-spacing: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.index_cook_list.index_cook_list_last p{
  font-size: 36px;
}
.index_cook_list h5{
  font-size: 18px;
  color: #fff;
  letter-spacing: 4px;
  margin: 0;
  position: absolute;
  top: 8%;
  right: 8%;
  z-index: 9;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_cook_list.active h5{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.index_cook_list h5 span{
  display: inline-block;
  position: relative;
}
.index_cook_list:hover >img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.index_cook_list:hover h5 span::before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition-delay: 0s;
}
.index_cook_list:hover h5 span::after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: .16s;
}
.bofang1{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%)  translateX(-50%);
  transform: translateY(-50%)  translateX(-50%);
  opacity: 0;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  cursor: pointer;
}
.index_cook_list:hover  .bofang1{
  opacity: 1;
}

.index_cook_list:hover p img{
  opacity: 0;
}
.search_show{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1000;
  display: none;
}
.search_top{
  border-bottom: 2px solid #d2d2d2;
  padding: 15px 15%;
  display: flex;
  align-items: center;
  position: relative;
}
.search_top>img{
  width: 30px;
  margin-right: 10px;
}
.search_top input{
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 40px;
  border: none;
}
.search_right{
  position: absolute;
  top: 50%;
  right: 15%;
  display: flex;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search_right p{
  font-size: 14px;
  color: #fff;
  background-color: #4d4d4c;
  letter-spacing: 2px;
  padding: 0px 40px;
  line-height: 40px;
  border-radius: 40px;
  cursor: pointer;
  margin: 0;
  margin-right: 10px;
}
.search_right span{
  background-color: #4d4d4c;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
}
.search_right span img{
  display: block;
}
.search_con{
  padding: 0 15%;
}
.search_con>h5{
  font-size: 20px;
  color: #212121;
  padding: 5% 0;
  margin: 0;
}
.search_con ul{
  width: 100%;
  padding: 0;
  margin: 0;
}
.search_con ul li{
  display: flex;
  align-items: center;
  padding: 2% 0;
  border-bottom: 1px solid #d2d2d2;
}
.search_con ul li h5{
  font-size: 14px;
  color: #212121;
  margin: 0;
  width: 20%;
}
.search_con ul li p{
  margin: 0;
  font-size: 12px;
  color: #838383;
  width: 40%;
}
.search_con ul li span{
  font-size: 12px;
  color: #212121;
  border: 1px solid #dcdcdc;
  line-height: 30px;
  padding: 0 20px;
  border-radius: 30px;
  cursor: pointer;
  margin-right: 10px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.search_con ul li span:hover{
  background-color: #bd8a18;
  color: #fff;
}

.message_show{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 1000;
  display: none;
}
.message_show_con{
  width: 45%;
  position: absolute;
  top: 100px;
  right: 13%;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
}
.message_show_left{
  width: 40%;
  float: left;
}
.message_show_left>h5{
  font-size: 18px;
  color: #212121;
  margin: 0;
  text-align: center;
  margin-bottom: 5%;
}
.message_show_left>p{
  font-size: 20px; 
  color: #bd8a18;
  margin-bottom: 10%;
  text-align: center;
}
.message_show_left_img{
  text-align: center;
}
.message_show_left_img h5{
  font-size: 18px;
  color: #515151;
}
.message_show_left_img p{
  display: inline-block;
  font-size: 12px;
  color: #818181;
}
.message_show_left_img p img{
  display: block;
  width: 80px;
  margin-bottom: 5px;
}
.message_show_right{
  width: 58%;
  float: right;
}
.message_show_right>h5{
  font-size: 18px;
  color: #212121;
  margin: 0;
  text-align: center;
  margin-bottom: 5%;
}
.message_show_input{
  display: flex;
}
.message_show_input input{
  width: 100%;
  border: 1px solid #e5e6e6;
  font-size: 12px;line-height: 30px;
  margin-bottom: 10px;
  padding: 0 10px;
  margin-right: 5px;
  color: #515151;
}
.message_show_input textarea{
  width: 100%;
  border: 1px solid #e5e6e6;
  padding: 5px 10px;
  line-height: 25px;
  font-size: 12px;
  color: #515151;
}
.message_show_btn{
  text-align: center;
  margin-top: 20px;
}
.message_show_btn span{
  display: inline-block;
  line-height: 40px;
  padding: 0 30px;
  font-size: 14px;
  color: #fff;
  background-color: #4d4d4c;
  cursor: pointer;
  letter-spacing: 2px;
}
.message_show_close{
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: -60px;
   background-color: #fff;
   border-radius: 50%;
}
.shop_show{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: url(../images/shop_bg.jpg) center no-repeat;
  background-size: cover;
  display: none;
}
.shop_show_con{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.shop_show_con>h5{
  font-size: 46px;
  color: #515151;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  margin-bottom: 10%;
}
.shop_show_con>p{
  font-size: 20px;
  color: #515151;
  margin: 0;
  margin-bottom: 10%;
  text-align: center;
}
.shop_show_con ul{
  display: flex;
}
.shop_show_con ul li{
  margin: 0 40px;
}
.shop_show_con ul li h5{
  font-size: 18px;
  width: 160px;
  line-height: 45px;
  border: 1px solid #454545;
  text-align: center;
  border-radius: 45px;
  letter-spacing: 1px;
}
.shop_show_con ul li p{
  font-size: 12px;
  line-height: 25px;
  color: #818181;
  text-align: center;
  margin: 0;
  cursor: pointer;
}
.shop_show_close{
  width: 42px;
  height: 42px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 30px;
  cursor: pointer;
}


/**********首页**********/


/**********footer**********/
.footer{
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.footer .top{
  padding: 6% 12% 4% 12%;
  position: relative;
  background-color: #efefef;
}
.footer .top ul{
  padding: 0;
  margin: 0;
  float: right;
  width: 78%;
  padding-bottom: 3%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.footer .top ul::before{
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  background-color: #d7d7d7;
}

.footer .top ul li{

}
.footer .top ul li a:hover p{
  color: #000000
  ;
}
.footer .top ul li h5{
  font-size: 16px;
  color: #807f80;
  letter-spacing: 1px;
  margin: 0;
  padding-bottom: 40px;
}
.footer .top ul li:nth-child(1) h5:hover{
  color: #9d1e3b;
}
.footer .top ul li:nth-child(2) h5:hover{
  color: #9d1e3b;
}
.footer .top ul li:nth-child(3) h5:hover{
  color: #9d1e3b;
}
.footer .top ul li p{
  font-size: 13px;
  line-height: 2;
  color: #999;
  margin-bottom: 0px;
}
.foot_logo{
  float: left;
  width: 11%;
  position: relative;
}
.footer .bottom{
  padding: 25px 0;
  position: relative;
  background-color: #ffffff;
}
.footer .bottom p{
  font-size: 13px;
  color: #636363;
  text-align: center;
  display: flex;
  justify-content: center;
}
.footer .bottom p span{
  margin-left: 20px;
  position: relative;
  cursor: pointer;
}
.footer .bottom p span i{
  width: 120px;
  font-style: normal;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  bottom: 30px;
  display: none;
}
.footer .bottom p>img{
  margin-right: 10px;
}
.footer .bottom p:last-child{
  margin-bottom: 0;
}
.footer .bottom p:last-child span{
  margin-right: 10px;
}
.ganda ul li{
  padding: 5% 0;
  text-align: center;
  background: #0a0a0a;
  margin-right: 3%;
  width: 150px !important;
  position: relative;
  cursor: pointer;
}

.ganda ul li p{
  color: #ffffff !important;
  margin-top: 10px;
  margin-bottom: 0;
}
.ganda  ul{
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-top: 5% !important;
}
.saoma{
  position: absolute;
  left: 50%;
  top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.ganda ul li:hover .saoma{
  opacity: 1;
}
.footer_zpgg_phone_click{
  cursor: pointer;
}
/**********footer**********/

/**********厨电**********/
.kt_product{
  padding: 5% 13% 10% 13%;
}
.kt_product>h5{
  font-size: 30px;
  color: #b0b3bf;
  text-align: right;
  padding-bottom: 2%;
  margin-bottom: 4%;
  border-bottom: 1px solid #b0b3bf;
}
.kt_product_list{
  position: relative;
  margin-top: 12px;
}
.kt_product_list::before{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  background-color: rgba(0,0,0,.2);
  z-index: 1;
  -webkit-transition: height .85s cubic-bezier(.19,1,.22,1) .15s;
  -o-transition: height .85s cubic-bezier(.19,1,.22,1) .15s;
  transition: height .85s cubic-bezier(.19,1,.22,1) .15s;
}
.kt_product_list h5{
  margin: 0;
  font-size: 20px;
  color: #000;
  letter-spacing: 3px;
  position: absolute;
  bottom: 5%;
  left: 8%;
  z-index: 9;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.kt_product_list:hover h5{
  color: #be8916;
}
.kt_product_img{
  background-size: contain;
  background-position: bottom;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.kt_product_big{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  z-index: 2;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-animation: itemOutAnim 1s cubic-bezier(.19,1,.22,1) 0s 1 both;
  animation: itemOutAnim 1s cubic-bezier(.19,1,.22,1) 0s 1 both;
}
.kt_product_list:hover::before{
  top: auto;
	bottom: 0;
	height: 100%;
	-webkit-transition: height 1s cubic-bezier(.19,1,.22,1) 0s;
	-o-transition: height 1s cubic-bezier(.19,1,.22,1) 0s;
	transition: height 1s cubic-bezier(.19,1,.22,1) 0s;
}
.kt_product_list:hover .kt_product_big{
  -webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	-webkit-animation: itemOverAnim .85s cubic-bezier(.19,1,.22,1) .15s 1 both;
	animation: itemOverAnim .85s cubic-bezier(.19,1,.22,1) .15s 1 both;
}
@-webkit-keyframes itemOverAnim {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}
}

@keyframes itemOverAnim {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}
}

@-webkit-keyframes itemOutAnim {
	0% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0)
	}
}

@keyframes itemOutAnim {
	0% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 100% 0);
		clip-path: inset(0 0 100% 0)
	}
}
.kt_product .col-sm-3:nth-child(2n){
  -webkit-transform: translateY(15%);
  transform: translateY(15%);
}
.kt_serve .txt{
  text-align: left;
}
.kt_serve .txt h5{
  text-align: left;
}
.kt_serve .txt .more{
  text-align: left;
}
.kt_serve .txt p{
  font-size: 32px;
  color: #fff;
  letter-spacing: 3px;
  margin: 9% 0;
}
.kt_hot{
  padding: 5% 13%;
}
.kt_hot_con{
  padding:  0 10%;
}
.kt_hot_list{
  position: relative;
  overflow: hidden;
}
.kt_hot_list img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.kt_hot_list:hover img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
.kt_hot_list .txt{
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kt_hot_list .txt h5{
  position: absolute;
  width: 90%;
  font-size: 24px;
  color: #fff;
  letter-spacing: 4px;
  margin: 0;
  top: 5%;
  left: 5%;
}
.kt_hot_list .txt p{
  position: absolute;
  width: 90%;
  right: 5%;
  bottom: 3%;
  text-align: right;
}
.kt_hot_list .txt p span{
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding-bottom: 2px;
  position: relative;
}
.kt_hot_list:hover span.hover_line::before{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition-delay: 0s;
}
.kt_hot_list:hover span.hover_line::after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-delay: .16s;
}
.kt_join{
  padding: 0 13%;
}
.kt_join_box{
  padding-left: 13%;
  position: relative;
  padding-bottom: 5%;
}
.kt_join_box h5{
  position: absolute;
  top: 36%;
  left: 50%;
  font-size: 30px;
  color: #fff;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.kt_join_box h5 span{
  display: block;
  font-size: 40px;
  color: #fff;
  padding-left: 50%;
  white-space: nowrap;
  margin-top: 10px;
}

.sink_hot>h5{
  text-align: center;
  padding-bottom: 0;
  border-bottom: none;
}
/**********厨电**********/

/**********水槽**********/
.sink_h5{
  text-align: center;
  margin: 0;
  margin-bottom: 4%;
}
.sink_h5 span{
  display: inline-block;
  font-size: 36px;
  color: #000;
  letter-spacing: 4px;
  position: relative;
  padding-bottom: 15px;
}
.sink_h5 span.hover_line::after, .sink_h5 span.hover_line::before{
  background-color: #000;
}
.index_product1_list span.hover_line::after, .index_product1_list span.hover_line::before{
  background-color: #212121;
}

.sink_product{
  padding: 5% 13%;
}
.sink_product .row{
  padding-top: 5%;
}
.sink_product_list{
  position: relative;
  overflow: hidden;
  margin-top: 12px;
}
.sink_product_list img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.sink_product_list:hover img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
.sink_product_list h5{
  position: absolute;
  top: 3%;
  left: 6%;
  font-size: 20px;
  letter-spacing: 3px;
  color: #000;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.sink_product_list p{
  font-size: 20px;
  color: #fff;
  width: 100%;
  line-height: 40px;
  letter-spacing: 3px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 6%;
  background: rgba(0, 0, 0, .5);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.sink_product_list:hover h5{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.sink_product_list:hover p{
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.sink_product .row .col-sm-4:nth-child(3n+2){
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.sink_serve .txt{
  right: 13%;
  left: auto;
  text-align: right;
}
.sink_serve .txt h5{
  text-align: right;
}
.sink_serve .txt .more{
  text-align: right;
}
.sink_hot .kt_hot_list .txt h5{
  color: #fff;
}
.sink_hot .kt_hot_list .txt p{
  text-align: right;
}
.sink_hot .kt_hot_list .txt p span{
  color: #fff;
}
.sink_hot .hover_line::after,  .sink_hot .hover_line::before{
  background-color: #be8916;
}
.banner_list .hover_line::after,  .banner_list .hover_line::before{
  background-color: #be8916;
}
.sink_join>h5{
  text-align: center;
  border-bottom: none;
}
.sink_join_box{
  padding-left: 0;
  padding-right: 13%;
}
.sink_join_box h5{
  left: 30%;
}
/**********水槽**********/

/**********定制家居**********/
.home_serve .txt{
  right: 13%;
  left: auto;
  text-align: right;
}
.home_serve .txt h5{
  text-align: right;
  font-size: 60px;
  color: #000;
}
.home_serve .txt p{
  color: #000;
}
.home_serve .txt .more{
  text-align: right;
}
.home_serve .txt .more span{
  color: #000;
  border: 1px solid #000;
}
.home_join_box{
  padding: 0;
}
.home_join_box h5{
  left: 45%;
  top: 45%;
}
.home_join{
  padding: 5% 0;
}
.home_h5{
  text-align: center;
  font-size: 40px;
  color: #000;
  letter-spacing: 4px;
  margin: 0;
  margin-bottom: 4%;
}
.home_hot{
  padding: 5% 13% 2% 13%;
}
.home_hot_list{
  position: relative;
  overflow: hidden;
}
.home_hot_list img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;		
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.home_hot_list:hover img{
  -webkit-transform:scale(1.05);
  transform:scale(1.05);
}
.home_hot_list h5{
  position: absolute;
  top: 3%;
  right: 6%;
  font-size: 32px;
  color: #000;
  letter-spacing: 3px;
}
.home_product{
  padding: 5% 13%;
}
.home_product_list{
  margin-bottom: 6%;
}
.home_product_img{
  padding: 16px;
  position: relative;
}
.home_product_img::before, .home_product_img::after{
  box-sizing: inherit;
  content: '';
  position: absolute;
	top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
  transform-origin: center;
	opacity:0;
}
.home_product_img::before{
  border-top: 8px solid #d6b56c;
  border-bottom: 8px solid #d6b56c;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}
.home_product_img::after{
  border-left: 8px solid #d6b56c;
  border-right: 8px solid #d6b56c;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
}
.home_product_list:hover .home_product_img::before, .home_product_list:hover .home_product_img::after{
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  transition: opacity 0.5s, transform 0.8s;
	-webkit-transition: opacity 0.5s, transform 0.8s;
	-o-transition: opacity 0.5s, transform 0.8s;
	-ms-transition: opacity 0.5s, transform 0.8s;
	opacity:1;
}
.home_product_txt{
  padding: 6px 16px;
}
.home_product_txt h5{
  font-size: 24px;
  color: #000;
  margin: 0;
  margin-bottom: 0px;
}
.home_product_txt p{
  text-align: right;
}
.home_product_txt p span{
  display: inline-block;
  font-size: 14px;
  color: #565656;
  background: #f7f7f7;
  padding: 5px 15px;
  letter-spacing: 1px;
  border-radius: 30px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.home_product_list:hover .home_product_txt p span{
  background: #d6b56c;
  color: #fff;
}
.home_product .col-sm-4:nth-child(3n+2){
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
}

.product_home2{
  width: 100%;
}
.product_home2_list{
  width: 100%;
  margin-top: 40px;
  margin-bottom: 80px;
}
.product_home2_list p img{
  width: 100%;
}
.product_home2_list:last-child{
  margin-bottom: 0;
}
.product_home2_list .txt{
  margin-bottom: 20px;
}
.product_home2_list .txt h5{
  font-size: 15px;
  color: #212121;
  margin: 0;
}
.product_home2_list .txt i{
  display: block;
  width: 20px;
  height: 2px;
  background-color: #212121;
  margin: 15px 0;
}
.product_home2_list .txt p{
  font-size: 14px;
  color: #212121;
  margin: 0;
  margin-bottom: 10px;
}
.product_home2_list .txt span{
  display: block;
  font-size: 12px;
  color: #212121;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
}


/**********定制家居**********/

/**********7.20修改**********/
.anli{
  background: #ebebeb;
  text-align: center;
}
.anli h5{
   
    margin: 4% 0 0 0;
}
.anli img{
  width: 60%;
}
.channel {
  position:absolute;
  bottom: 10%;
  left: 9%;
}
.chan_on{
  width: 90px;
  float: left;
  margin-right: 15px;
}
.chan_on p{
  color: #fff;
}
/**********7.20修改**********/


/**********产品页面**********/
.product_sink{
  padding: 0 15% 5% 15%;
}
.product_nav{
  padding: 5% 0 4% 0;
  text-align: left
}
.product_nav span{
  display: inline-block;
  line-height: 2;
  font-size: 20px;
  color: #212121;
  padding: 0 2%;
  border: 1px solid #515151;
  margin: 0 5px;
  border-radius: 40px;
  letter-spacing: 2px;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  margin-bottom: 10px;
}
.product_nav span:hover{
  background-color: #a7344e;
  color: #fff;
  border: 1px solid #a7344e;
}
.product_nav span.active{
  background-color: #a7344e !important;
  color: #fff !important;
  border: 1px solid #a7344e !important;
}
.product_sink_list{
  width: 100%;
  position: relative;
  margin-bottom: 10%;
}
.product_sink_list_img{
  background-color: #f7f7f7;
  overflow: hidden;
  position: relative;
  padding: 0 5%;
}
.product_sink_home .product_sink_list_img{
  padding: 0;
}
.product_sink_list.taurant .product_sink_list_img{
  padding: 0;
} 
.product_sink_list_img>img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.product_sink_list:hover .product_sink_list_img>img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.product_sink_list_img span{
  position: absolute;
  top: 10px;
  right: 20px;
}
.product_sink_list p{
  font-size: 16px;
  text-align: right;
  font-weight: normal;
  margin: 0;
  margin-top: 6%;
  color: #ffffff;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding-right: 10px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 2px;
}
.product_sink_list>span{
  display: block;
  text-align: center;
  font-size: 13px;
  color: #a7344e;
}
.add_pstyle p{
  color: #000;
  position: relative;
  text-align: center;
  margin-top: 10%;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 2px;
}
.product_sink_list:hover p{
  color: #a7344e;
}
.product_sink_list.taurant:hover p{
  color: #ffffff;
}
.product_sink_tit h5{
  font-size: 20px;
  margin: 0;
  /* font-family:'文鼎UD晶熙黑体_E'; */
}
.product_sink_tit{
  margin-bottom: 0%;
}
.product_details{
  padding-top: 80px;
}
.product_subNav{
  padding: 1% 15%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
}
.product_subNav_left{
  display: flex;
  align-items: center;
}
.product_subNav_left img{
  width: 50px;
  margin: 0 8px;
}
.product_subNav_left span{
  color: #838383;
  font-size: 12px;
}
.product_subNav_left i{
  font-size: 24px;
}
.product_subNav_right{
  display: flex;
  align-items: center;
}
.product_subNav_right span{
  font-size: 14px;
  color: #838383;
  padding: 0px 20px;
  text-transform: uppercase;
}
.product_subNav_right span:last-child{
  padding-right: 0;
  border-left: 1px solid #838383;
}

.product_details_box{
  padding: 2% 15% 5% 15%;
}
.product_details_img{
  width: 100%;
  margin: 0 auto;
}
.product_details_img_list{
  text-align: center;
}
.product_details_img .product_details_img_list img{
  display: inline-block;
  width: auto !important;
  height: 450px !important;
}
.swiper_product{
  padding-bottom: 30px;
}
.swiper_product .swiper-pagination{
  bottom: 5px;
  z-index: 99;
}
.swiper_product .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}
.swiper_product .swiper-pagination-bullet-active{
  background-color: #fff;
  box-shadow: 0 0 4px hsla(214,3%,49%,.8);
}

.swiper_product_data{
  padding-bottom: 40px;
}
.swiper_product_data .swiper-pagination{
  bottom: 5px;
  z-index: 99;
}
.swiper_product_data .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}
.swiper_product_data .swiper-pagination-bullet-active{
  background-color: #fff;
  box-shadow: 0 0 4px hsla(214,3%,49%,.8);
}

.product_details_img>h5{
  font-size: 34px;
  color: #212121;
  text-align: center;
  margin: 3% 0 5% 0;
  text-transform: uppercase;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 2px;
}
.product_details_img>h5 p{
  font-size: 14px;
  color: #212121;
  margin-top: 1%;
}
.product_details_img>a>span{
  font-size: 14px;
  color: #212121;
  background-color: #f4b951;
  line-height: 2;
  display: block;
  width: 110px;
  margin: 0 auto;
  text-align: center;
  border-radius: 30px;
}
.product_details_data{
  width: 100%;
  margin: 0 auto;
  margin-top: 8%;
}
.product_details_data h5{
  font-size: 26px;
  color: #212121;
  text-align: center;
  margin: 0;
  margin-bottom: 5%;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.product_details_data ul{
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.product_details_data ul li{
  width: 50%;
  display: flex;
  padding: 0 2%;
}
.product_details_data ul li span{
  width: 50%;
  font-size: 16px;
  color: #515151;
  line-height: 2;
}
.product_sink_sec{
  margin-top: 0%;
}
.product_sink_sec h5{
  font-size: 24px;
  color: #212121;
  margin: 0;
  margin-bottom: 4%;
  margin-top: 4%;
  font-weight: 600;
  /* font-family: '文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 2px;
}
.product_sink_sec h5 img{
  vertical-align: -7px;
}
.product_sink_sec_box{
  display: none;
}
.product_sink_sec .row{
  margin-bottom: 6%;
  display: flex;
  flex-wrap: wrap;
}
.product_sink_sec .row .col-sm-3, .product_sink_sec .row .col-xs-6, .product_sink_sec .row .clp12{
  float: none;
}
.product_details_data table{
  display: block;
  width: 100%;
}
.product_details_data table tbody{
  display: block;
  width: 100%;
}
.product_details_data table tr{
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #999;
  display: block;
}
/*.product_details_data table tr td:nth-child(2n+1){
  width: 80px;
}
.product_details_data table tr td:nth-child(2n){
  width: 40%;
}*/

/**********产品页面**********/


/**********服务页面**********/
.server_box{
  padding: 7%;
}
.server_sec{
  display: flex;
}
.server_sec:last-child{
  margin-top: 2%;
}
.server_list{
  width: 24.5%;
  display: flex;
  align-items: center;
  border: 3px solid #b5b5b5;
  justify-content: center;
  margin-right: 2%;
  padding: 4% 0;
  background-color: #fff;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_list:nth-child(3n){
  margin-right: 0;
}
.server_list1{
  width: 51%;
}
.server_ewm{
  display: flex;
}
.server_ewm span{
  width: 120px;
  text-align: center;
  font-size: 14px;
  color: #515151;
  margin-right: 10px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_ewm span img{
  display: block;
  margin-bottom: 5px;
}
.server_ewm{
  margin-right: 10%;
}
.server_txt h5{
  font-size: 24px;
  color: #212121;
  margin: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-bottom: 2px solid #434343;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_txt p{
  font-size: 18px;
  color: #515151;
  margin: 0;
  text-align: center;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_item_img{
  width: 90px;
  height: 90px;
  position: relative;
}
.server_item_img img{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_item_img img:last-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.server_icon{
  width: 180px;
  height: 135px;
  position: relative;
  margin-right: 16%;
}
.server_icon img{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.server_icon img:last-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.server_item p{
  font-size: 24px;
  color: #515151;
  text-align: center;
  margin-bottom: 20%;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}

.server_list:hover{
  border: 3px solid #bd8a18;
  background-color: #bd8a18;
}
.server_list:hover .server_ewm span{
  color: #fff;
}
.server_list:hover .server_txt h5{
  color: #fff;
  border-bottom: 2px solid #fff;
}
.server_list:hover .server_txt p{
  color: #fff;
}
.server_list:hover .server_item_img img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.server_list:hover .server_item_img img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.server_list:hover .server_icon img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.server_list:hover .server_icon img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.server_list:hover .server_item p{
  color: #fff;
}


.server_inner{
  margin-top: 90px;
  padding: 6% 0;
}
.server_message{
  width: 860px;
  margin: 0 auto;
}
.server_message>h5{
  font-size: 46px;
  color: #212121;
  margin: 0;
  margin-bottom: 2%;
  text-align: center;
}
.server_message>p{
  font-size: 24px;
  color: #6a6a6a;
  margin-bottom: 6%;
  text-align: center;
}
.server_message_input{
  margin-bottom: 4%;
}
.server_message_input p{
  font-size: 20px;
  color: #212121;
  margin-bottom: 5px;
}
.server_message_input p span{
  color: #dfbe26;
}
.server_message_input input{
  display: block;
  width: 100%;
  border: 1px solid #dfdfdf;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 6px;
  background-color: #f8f8f8;
  font-size: 14px;
}
.server_message_input textarea{
  display: block;
  width: 100%;
  border: 1px solid #dfdfdf;
  line-height: 25px;
  padding: 5px 15px;
  border-radius: 6px;
  background-color: #f8f8f8;
  font-size: 14px;
}
.server_message_btn{
  width: 50%;
  margin: 0 auto;
  border-radius: 6px;
  line-height: 40px;
  background-color: #1f1f1f;
  font-size: 16px;
  color: #dfbe26;
  text-align: center;
  cursor: pointer;
}

.server2{
  width: 100%;
  padding: 0 15%;
}
.server2_sec{
  padding: 3% 0;
  border-bottom: 1px solid #bcbcbc;
}
.server2_sec:first-child{
  padding-top: 0;
}
.server2_sec h4{
  font-size: 26px;
  color: #212121;
  margin-bottom: 3%;
}
.server2_sec h5{
  font-size: 22px;
  color: #212121;
  margin: 0;
  margin-bottom: 10px;
}
.server2_sec p{
  font-size: 18px;
  color: #212121;
  margin-bottom: 2%;
}
.server2_sec p.emp{
  padding-left: 20px;
}
.server2_sec>img{
  display: block;
  width: 100%;
  margin-bottom: 2%;
}

/**********服务页面**********/
/**********琳小厨**********/
.cook_box{
  padding: 5%  15% ;
}

.list_on{
  position: relative;
  margin-bottom: 40px;
}

.list_on_text{
    padding: 4% 3%;
    background: #474a4f;
}
.list_on_text  h5{
  color: #fff;
  font-size: 24px;
  margin: 0;
}
.list_on_text p {
  text-align: right;
  margin: 0 0 10px 0;
}
.list_on_text p img{
  width: 50px;
  display: inline-block;
 
}
.list_on_img{
  overflow: hidden;
}
.list_on_img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.list_on:hover .list_on_img img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.cook_list{
  /* margin-bottom: 6%; */
}
.clp20{
  padding-left: 20px;
  padding-right: 20px;

}
.clm20{
  margin-left: -20px;
    margin-right: -20px;
}
.cook_show{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
}
.cook_show_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
  opacity:.7;
  -moz-opacity:.7; 
  -khtml-opacity:.7;
  -webkit-opacity:.7;
  filter:alpha(opacity=70);
}
.cook_show_con{
  width: 60%;
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cook_show video{
  width: 100%;
}

.zpgg_show{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
}
.zpgg_show_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #000;
  opacity:.7;
  -moz-opacity:.7; 
  -khtml-opacity:.7;
  -webkit-opacity:.7;
  filter:alpha(opacity=70);
}
.zpgg_show_con{
  width: 60%;
  position: absolute;
  top: 90px;
  bottom: 0;
  left: 20%;
}
.zpgg_show_con_img{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.zpgg_show_close{
  position: absolute;
  top: 12%;
  right: -40px;
  cursor: pointer;
}
.zpgg_show_con_img::-webkit-scrollbar-track-piece {
  width: 10px;
  background-color: #fff;
}
.zpgg_show_con_img::-webkit-scrollbar {
  width: 8px;
}
.zpgg_show_con_img::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 8px;
}
.zpgg_show_con_img::-webkit-scrollbar-thumb:hover {
	background: #212121;
	color: #fff;
}

/**********琳小厨**********/


/**********案例**********/
.anli_box{
  padding: 0% 20%;
  margin-top: -4%;
}
.anli_box_image{
  position: relative;
}
.anli_box_small{
  width: 40%;
  margin: 0 auto;
  margin-top: 5%;
}
.anli_text{
  width: 70%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.anli_text p{
  margin: 0 ;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  color: #272727;
}
.other_anli{
  padding: 5% 0;
}
.other_anli>h5 {
  font-size: 36px;
  color: #000;
  letter-spacing: 4px;
  padding-bottom: 2px;
  text-align: center;
  margin:  0 0 5%;
}
.other_anli_on h5{
  font-size: 22px;
  margin: 6% 0 0 0;
  text-align: center;
}

.anli_on_img{
  overflow: hidden;
}
.anli_on_img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.other_anli_on:hover .anli_on_img img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.swiper_anli{
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 40px;
  background: #ffffff;
  color: #5b5f6b;
}
.swiper_anli:hover{
  background: #be8916;
  color: #fff;
}
.index_anli_next{
  right:  -30px
}
.index_anli_prev{
   left:  -30px
}
.anli_box_image .list p{
  color: #272727;
  font-size: 24px;
  margin:5% 0 0 0 
}
.anli_details_on{
 position: relative;
 padding: 0 16%;
 margin-bottom: 5%;
 overflow: hidden
}
.details_on_right{
   float: right;
   width: 75%
}
.details_on_left{
     position: absolute;
    width: 15%;
    bottom: 0;
    left: 16%;
   

}
.on_title{
   font-size: 16px;
    color: #272727
}
.on_title h5{
  margin:0 0 10px 0;
  font-size: 16px;
}
.on_title p{
    line-height: 24px;
}
.anli_details_on2  .details_on_right{
   float: left;
   width: 63%
}
.anli_details_on2 .details_on_left{
 left: auto;
 right: 16%;
 width: 24%;
 bottom: auto;
 top: 0
}
.bedroom{
  margin: 0 -0.5%;
}
.bedroom_img{
  width: 49%;
  float: left;
  margin: 0 0.5%;
  margin-bottom: 10px 
}
 .study_left,.study_right{
  width: 50%;
  float: left;
 }
 .study_left{
  padding-right: 5%
 }
 .laundry {
  position:relative;
  overflow: hidden;
  margin-top:3%;
 }
 .laundry_left{
  width: 60%;
  float: left;
 }
 .laundry_right{
   width: 38%;
   position: absolute;
   right: 0;
   top: 0
 }
 .bathroom_img{
  width:38%;
  float: right;
  margin-left: 2% 
 }
 .bathroom_txt{
  position: absolute;
  left: 16%;
  bottom: 0;
  width: 13%;
 }
 .swiper-container_anli .swiper-slide-active{
    width: 34% !important;
 }
/**********案例**********/
/**********服务内页**********/
.server_details_img{
    width: 75%;
    margin: 0 auto;
    margin-top: 5%;
}
.clp30{
  padding-left: 30px;
  padding-right: 30px
}
.clm30{
  margin-left: 30px;
  margin-right: 30px
}
.server_details_img_more{
  cursor: pointer;
}
/**********服务内页**********/

/* 新闻 */
.news_all{
 margin-top: 80px
}
.news_pad{
padding: 4% 15% 4% 15%;
}
.menu_list{
  padding: 2%  15% 1.5% 15%;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.menu_list_right{
float: right;
}

.menu_list_right a{
  font-size: 18px;
}
.menu_list_right a img{
  margin-left: 5px;
}
.menu_list span{
  font-size: 13px;
  
}
.menu_list_pro .menu_list span{
  font-size: 13px;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.menu_list>span a{
  display: inline-block;
  padding: 0 12px 0 10px; 
  line-height: 1;
  border-right: 1px solid #0f0f0f;
  position: relative;
}
.menu_list>span a::after{
  content: '';
  position: absolute;
  left: 10px;
  right: 12px;
  height: 1px;
  bottom: -4px;
  background-color: transparent;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.menu_list>span a:last-child{
  border-right:none
}
.menu_list>span a.active{
  color: #902c3d !important;
}
.menu_list>span a.active::after{
  background-color: #902c3d;
}

.go_btn {
  color: #2c2c2c !important;
}
.go_btn b{
  width: 16px;
  height: 13px;
  display: inline-block;
  background: url(../images/fan1.png) center no-repeat;
  background-size: 100% 100%;
  vertical-align: -2px;
  margin-left: 5px;

}
.go_btn:hover{
  color: #9d1e3b !important;
}
.go_btn:hover b{
  background: url(../images/fan.png) center no-repeat;
  background-size: 100% 100%;
}
.menu_list a{
  /*  */
  color: #0f0f0f;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.menu_list_pro .menu_list a{
  /*  */
}
.menu_list a:hover{
  color: #9d1e3b;
}
.menu_list i{
  margin-right: 15px;
}
.news_titile{
  font-size: 32px;
  margin:0 0 3% 0;
  font-weight: 600;
  font-family: huxiaobo !important;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.news_titile.news_titile1{
  margin-bottom: 4%;
}
.news_pad_list{

  position: relative;
}
.news_on {
  position: relative;
  margin-bottom: 3%;
}
.news_on_img{
  width: 48%;
  overflow: hidden;
}
.news_on_img  img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.news_on:hover .news_on_img  img{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.al_left{
  float: left;
}
.al_right{
  float: right;
}
.al_right span{
  color: #9d1e3b;
}
.news_on_txt{
  width: 48%;
  padding: 2% 2% 2% 5%;
}
.news_on_txt h5{
  font-size: 24px;
  margin: 0 ;
  color: #080808;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.news_on_txt p{
  color: #4e4e4e;
  font-size: 20px;
  margin-bottom: 3%;
}
.news_on_a{
  text-align: center;
  margin-top: 10%;
}
.news_on_a span {
  color: #9d1e3b
}
.news_more_btn{
  text-align: center;
  margin-top: 6%;
}
.news_pad .more {
  display: none;
}
.news_more_btn span{
  border: 1px solid #7d7c7c;
  color: #9d1e3b;
  display: inline-block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
    transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.news_more_btn span:hover{
  border: 1px solid #9d1e3b;
  color: #ffffff;
  background: #9d1e3b;
}
.news_more_btn span.active {
  background-color: #9d1e3b;
  color: #fff;
  border: 1px solid #9d1e3b;
}
.news_more_btn span.active i {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.media_1{
  position: relative;
  padding: 0 15%;
  margin: 0 auto;
  margin-bottom: 3%;
  margin-top: 4%;
}
.media_one{
  width: 62%;
  float: right;
}
.media_two{
  width: 49%;
  position: absolute;
  left: 0;
  top:36%;
}
.media_three{
  width: 27%;
  position: absolute;
  right: 13%;
  top: 90%;
}
.media_left{

}
.media_title h5{
  font-size: 40px;
  color: #0f0f0f;
  margin: 0 ;
  font-weight: 600;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.media_title p{
  font-size: 40px;
  color: #0f0f0f;
  margin-bottom: 0;
}
.shadow_padd{
  padding: 3% 11% 6% 11%;
}
.shadow_vedio{
  border-radius: 10px;
  overflow: hidden;
}
.shadow_vedio video{
  display: none;
}
.paly_ved{
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translateX(-50%) translateY(-50%); 
  transform: translateX(-50%) translateY(-50%);
}
.shadow_vedio_small{
  width: 100%;
  margin-top: 4%;
}
.shadow_vedio_small_list{
  width: 24.2%;
  float: left;
  margin: 0 1%;
  cursor: pointer;
}
.shadow_vedio_small_list p{
  margin:15px 0 0 0;
  font-size: 20px;
  color: #080808;
}
.shadow_vedio_small_list:first-child{
  margin-left: 0;
}
.shadow_vedio_small_list{
  margin-right: 0;
}

.media_one_box{
  padding: 0 11%;
  margin-bottom: 3%;
}
.one_img_bottom{
   margin-bottom:10px;
}
.media_one_img{
  position: relative;
}
.dista_left{
  width: 100%;
}
.dista_right{
  width: 27.4%;
}
.img_b{
  overflow: hidden;
}
.img_b img{
 -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s; 
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.media_one_img:hover .img_b img{
    -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
.media_one_img p{
  font-size: 30px;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 30px;
  margin: 0;
 right: 30px;
}

/* 新闻 */
/*  寻求合作*/
.online_pad{
  padding: 5% 15%;
}
.message_left{
  width: 40%;
  float: left;
}
.online_input {
  margin-bottom: 3%;
}
.online_input label{
  display: block;
  font-size: 20px;
}
.online_input  span{
color: #ddba19;
}
.online_input input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
}
.online_input textarea {
  width: 100%;
  height: 120px;
  line-height: 50px;
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding:0 10px;
  font-size: 16px;
}
.online_input_a{
  text-align: right;
}
.online_input_a a{
  line-height: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 5px;
  background-color: #1f1f1f;
  color: #dfbe26;
  width: 200px;
  text-align: center;
  margin-right: 20px;
  font-size: 16px;
}
.message_right h4{
  color: #080808;
  font-size: 30px;
  margin: 0 ;
}
.message_right h5{
  color: #9d1e3b;
  font-size: 40px;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
}
.message_right span{
  font-size: 16px;
  display: block;
  color: #5e5e5e;
}
.message_right  p{
  font-size: 20px;
  color: #5e5e5e;
  line-height: 26px;
  margin: 0;
}
.message_right .add{
  margin-bottom: 5% !important;
}
.message{
  position: relative;
  margin-bottom: 0%;
}
.message_right{
  position: absolute;
  width: 38%;
  left: 50%;
  bottom: -4%;
}

.merchants_top{
  padding: 0 15%;
}
.merchants_top ul {
  text-align: center;
  margin-bottom: 5%;
}
.merchants_top ul li{
  display: inline-block;
  color: #232323;
  font-size: 20px;
  margin: 0 4%;
  cursor: pointer;
}
.merchants_top ul li.active span{

border-bottom: 1px solid #232323;
}
.merchants_swiper .swiper-slide {
  width: 60%;
}
.merchants_on{
  position: relative;
}
.merchants_on p{
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clm5{
  margin-left: -5px;
  margin-right: -5px;
}
.clp5{
  padding-left: 5px;
  padding-right: 5px;
}
.overall_high{
position: relative;
}
.overall_high .news_more_btn {
text-align: right;
}
.overall_high_left{
  width: 35%;
  float: left;
}
.overall_high_left p{
  font-size: 30px;
  margin-bottom: 0;
  color: #080808;
}
.overall_high_right{
  width: 65%;
  float: right;
  color: #080808;
  position: relative;
}
.overall_high_right .more{
  display: none;
}
.overall_high_right h5{
  font-size: 25px;
  margin: 0 0 10px 0;
}
.overall_high_right p{
  font-size: 20px;
  margin-bottom: 3%;
  line-height: 26px;
}
.high_logo{
  position: absolute;
  width: 80%;
  left:0%;
  top: 0%;
}
/*  寻求合作*/


/* 服务 */
.news_titile .tail{
  font-size: 30px;
  color: #c4c4c4;
  margin-left: 20px;
}
.dist_padding{
 padding: 5% 15%;
}
.join_top .join.dist_padding{
  padding: 4% 15%;
}
.retail{
  position: relative;
}
.retail_bg{
  width: 24%;
  position: absolute;
  top: 8%;
  right: 6%;
}
.retail_input{
  position: relative;
}
.retail_input input{
    width: calc(100% - 230px);
    height: 50px;
    line-height: 50px;
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 16px;
}
.retail_input a{
  line-height: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 5px;
  background-color: #1f1f1f;
  color: #dfbe26;
  width: 200px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
}
.retail_input_map{
  margin-top: 10px;
}
.retail_input_map span{
  display: inline-block;
  font-size: 16px;
  color: #c4c4c4;
  margin-right: 15px;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.retail_input_map span:hover{
  color: #dfbe26;
}

.service_linian{
  background-color: #efefef;
}
.service_linian p{
 font-size: 20px;
 color: #242424;
 margin: 0;
 line-height: 26px;
}
.take_care{
  background-color: #1b1b1b;
}
.take_care  .news_titile{
  color: #efefef;
}
.take_care ul{
  margin-bottom: 8%;
}
.take_care ul li{
 border: 1px solid #c4c4c4;
 width: 20%;
 height: 50px;
 line-height: 50px;
 text-align: center;
 float: left;
 margin-right: 5%;
 font-size: 20px;
 cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.take_care ul li a{
  color: #c4c4c4;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.take_care ul li:hover{
  border: 1px solid #9d1e3b;
}
.take_care ul li:hover a{
  color: #9d1e3b;
}
.take_care ul li.active{
  border: 1px solid #9d1e3b !important;
}
.take_care ul li.active a {
  color: #9d1e3b !important;
}
.take_img  img{
  width: 130px;
}
.take_img span{
  vertical-align: bottom;
  color: #ffffff;
  font-size: 18px;
  margin-left: 15px;
}
.take_img_p{
  font-size: 30px;
  color: #fff;
  margin-top: 5%;
}
.take_img_p span{
  font-size: 55px;
  color: #9d1e3b;
  margin-left: 20px;
}
.question_top{
  text-align: center
}
.question_top h5{
  font-size: 30px;
  color: #1b1b1b;
  margin: 0 0 10px 0;
}
.question_top span{
  display: block;
  color: #838383;
  font-size: 25px;
}
.question_txt h4{
  color: #2a2a2a;
  font-size: 24px;
  margin: 6% 0 0  0;
}
.question_txt h5{
  color: #2a2a2a;
  font-size: 20px;
  margin: 3% 0 0 0;
  line-height: 30px;
}
.question_txt  p{
  color:#838383;
  line-height: 30px;
  font-size: 20px;
  margin: 0;
  
}
.question_go {
  text-align: right;
  margin-top: 10% ;
}
.question_go a{
  width: 180px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #8a8989;
  color: #9d1e3b;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.question_go a:hover{
  background-color: #9d1e3b;
  border: 1px solid #9d1e3b;
  color: #fff;
}
.quest_width ul{
 width: 50%;
 float: left;
}
.question_address ul{
  margin-bottom: 5%;
}
.question_address h5{
  color:#080808;
  font-size: 25px;
  margin: 0 0 2% 0;
}
.question_address ul li{
  color:#c4c4c4;
  font-size: 20px;
  margin: 0 0 10px 0;
}

 .question_col a{
  color:#dfbe26
}
.add_color {
  color:#dfbe26 !important
}
.server_add1{
  padding-bottom: 6%;
}
.server_add2{
  padding-top: 6%;
  padding-bottom: 6%;
  background: url(../images//server_bg3.jpg) center no-repeat;
  background-size: 100% 100%;
}

.cooperations2{
  padding:  4% 11.5%;
  padding-bottom: 0;
}
.cooperations2 h5{
  font-size: 30px;
  text-align: center;
  margin-bottom: 4%;
}
.cooperations2 h5 img{
    max-width: 301px;
    width: 20%;
    margin: 0 auto;
}
.cooperations2_list{
  width: 50%;
  padding: 0 5px;
  float: left;
  margin-bottom: 6%;
}
.imgList1{
  display: none;
}
.add_color1 p{
  color: #791e29 !important;
  text-decoration:underline
}
.steps_on{
  width: 25%; 
  float: left;
  position: relative;
  margin-top: 3%;
  cursor: pointer;
}
.steps_on  img{
  width: 26px;
}
.steps_on p{
  position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    font-size: 20px;
}
.steps {
  margin-bottom: 6% ;
}
/* 服务 */
	
/* 招聘 */
.join_top{
  padding-top: 90px;
}
.join_title {
  background: #777;
}
.join_title p {
  color: #FFF;
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 50px;
  font-size: 20px;
}	

.join_list {
  background: #f3f3f3;
  border-bottom: 2px solid #ffffff;
}	
.join_list_on {
  border-bottom: 2px solid #ddd;
}
.join_list p {
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 50px;
  color: #878787;
  font-size: 20px;
}	
.join_list_show {
  width: 100%;
  position: relative;
  padding:0  5px 3% 5px;
  display: none;
}	
.join_list_show h5{
  margin-top: 3%;
  font-size: 20px;
    width: 70%;
  color: #666;
}
.join_click{
  cursor: pointer;
}
.join_list_show p{
  width: 70%;
  color: #666;
  margin-bottom: 5px;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 28px;
}

.join2_lities_nav{
  padding: 3% 15%;
  text-align: right;
}
.join2_lities_nav span{
  display: inline-block;
  font-size: 14px;
  color: #a7344e;
  line-height: 2.6;
  padding: 0 30px;
  cursor: pointer;
  border: 2px solid #8a8989;
  margin-left: 15px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
/* .join2_lities_nav span:hover{
  border: 2px solid #a7344e;
  background-color: #a7344e;
  color: #fff;
} */
.join2_lities_nav span.active{
  border: 2px solid #a7344e !important;
  background-color: #a7344e !important;
  color: #fff !important;
}

.join2_lities{
  background-color: #020202;
}
.statement{
  position: relative;
  margin-bottom: 8%;
}
.statement_left{
 position: absolute;
 width: 38%;
 left: 0;
 top: 0;
 color: #fff;
}
.statement_left h5 {
  font-size: 34px;
  margin: 0;
}
.statement_right{
  width: 58%;
  float: right;
  color: #fff;
}
.statement_right ul li {
  padding: 12px 0;
}
.statement_right ul li h5{
  font-size: 16px;
  margin: 0;
}
.statement_right ul li:first-child{
  border-top: 1px solid #434343;

}
.statement_right ul li{
  border-bottom: 1px solid #434343;
}
.duties_on{
  width: 50%;
  float: left;
}
.duties_on:nth-child(1){
  padding-right: 2%;
}
.duties_on:nth-child(2){
  padding-left: 2%;
}
.duties_on p{
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
}
.media_title .join_p{
  font-size: 14px;
  padding-left: 50%;
}
.join2_img{
  margin-bottom: 6%;
}
.join2_lities_box{
  display: none;
}

.cook_show_close{
  position: absolute;
  top: -40px;
  right: -40px;
  cursor: pointer;
}

/* 招聘 */
/* 全屋定制加盟 */
.house1_advantage h5{
 font-size: 30px;
 color: #010101;
 margin: 1% 0 2% 0;
}
.house1_advantage p{
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: #323232;
}
.support_on {
  position: relative;
}
.support_onright h5{
  font-size: 30px;
  color: #080808;
  margin: 0 ;
 }
 .support_onright p{
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 3%;
   color: #4e4e4e;
 }
.support_onleft{
  width: 50%;
  position: absolute;
  left: 0;
  top: 5%;
  bottom: 3%;
  background: url(../images/house2.jpg) no-repeat;
  background-size: cover;
}
.support_onright{
  width: 47%;
  float: right;
}

.house2_support,.house3_process,.house4_contact{
  padding: 0 15%  5% 15%;
}
.process_on{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
}
.process_onlist{
  width: 19%;
  background-color: #efefef;
  text-align: center;
  padding: 4% 0;
  margin-bottom: 1%;
  margin-right: 1%;
}
.process_onlist p{
  margin-bottom: 0;
  font-size: 30px;
}
.house4_on{
  border: 4px solid #f5f5f5;
  padding: 5%;
  text-align: center;
  width: 96%;
  margin: 0 auto;
}
.house4_on p{
  font-size: 16px;
  margin-top: 2%;
}
.house4_on h5{
  font-size: 20px;
}
.house4_on h5 span{
color: #337ab7;
}
/* 全屋定制加盟 */

/* 水槽净水加盟 */
.water1_case h5{
  font-size: 20px;
  color: #393939;
  margin: 0 0 2% 0;
}
.water1_case_on{
  position: relative;
  margin-bottom: 10px;
}
.water1_case_on p{
  position: absolute;
  color: #fff;
  width: 100%;
  left: 0;
  padding: 0 10px;
  top: 10px;
  font-size: 16px;
}
.terminal_on{
  position: relative;
}
.terminal_swiper{
  width: 80%;
  margin: 0 auto;
}

.minal_button{
  background: transparent;
  top: auto;
  bottom: 30%;
}
.water1_case   .news_more_btn {
  text-align: right;
  margin-top: 4%;
}
.water1_case .more{
  display: none;
}
.water4_operat,.water5_request,.water3_market,.water2_terminal{
  padding: 0 15%  5% 15%;
}
.operat_list ul{
  width: 25%;
  float: left;
  text-align: center;
}
.operat_list ul h5{
  color: #080808;
  font-size: 30px;
  margin:  0 0 5% 0;
}
.operat_list ul p{
  color: #4e4e4e;
  font-size: 20px;
  margin: 0;
  line-height: 28px;
}
.water5_request_on{
  position: relative;
  margin-bottom: 2%;
}
.request_on_img{
  width: 47%;
}
.request_on_txt{
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
}
.request_on_txt h5 {
  font-size: 30px;
  color: #080808;
  margin: 0 0 3% 0;
}
.request_on_txt p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0;
  color: #4e4e4e;
}
.water5_process .process_onlist{
 width: 15.5%;  
}
.market_swiper{
  width: 80%;
  margin: 0 auto;
}
.market_txt p{
font-size: 20px;
color: #222222;
margin: 3% 0 0 0;
}
/* 水槽净水加盟 */
/* 厨电加盟 */
.overall{
  position: relative;
}
.electric_top{
  margin-bottom:5%;
}
.electric_top h5{
  color: #323232;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.overall_left{
  width: 36%;
}
.overall_right{
  position: absolute;
  right: 0;
  width: 60%;
  top: 0;
  bottom: 0;
  background: url(../images/overall1.jpg) no-repeat;
  background-size: cover;
}
.overall_left h4{
  color:#282828;
  font-size: 30px;
  margin: 0 
}
.overall_left h5{
  color:#282828;
  font-size: 15px;
  margin: 3% 0 0 0;
  line-height: 26px;
}
.overall_left p{
  color:#616161;
  font-size: 15px;
  margin: 0;
  line-height: 26px;
}
.kitchen2_help,.kitchen4_fication{
  padding: 0 15%  5% 15%;
}
.help_on{
  position: relative;
}
.help_on_left{
  width: 50%;
}
.help_on_right{
  position: absolute;
  right: 0;
  top:50%;
  width: 48%;
  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.help_on_right h5{
  color: #080808;
  font-size: 30px;
  margin: 3% 0 0 0;
}
.help_on_right p{
  color: #4e4e4e;
  font-size: 20px;
  margin: 0;
  line-height: 28px;
}
.fication{
  position: relative;
}
.fication_right{
  float: right;
  width: 60%
}
.fication_left{
  width: 36%;
  position: absolute;
  left:  0;
  top:50%;
  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fication_left p{
  color: #080808;
  font-size: 25px;
  margin: 0 0 3% 0;
}
/* 厨电加盟 */

/* 关于 */

.about_course{
  background-color: #efefef;
}
.about_course2{
  background-color: #fff;
}
.honor_all{
  margin-top: 3%;
}
.honor_all p{
  color: #0d0d0d;
  font-size: 18px;
  margin: 0;
  line-height: 1.8;
}
.course_on h5{
 font-size: 26px;
 margin: 0 0 10px 0;
}
.course_on p{
  font-size: 15px;
  text-align: right;
  margin: 3% 0 0 0;
}
.course_pagin{
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 11px;
}
.course_pagin::before{
  content: '';
  position: absolute;
  top: 8px;
  left: -1000px;
  right: -1000px;
  height: 2px;
  background-color: #9d1e3b;
  z-index: -1;
}
.course_pagin  span{
  margin: 0;
  opacity: 1;
  width: 18px;
  height: 18px;
  position: relative;
  background-color: #e0ad22;
}
.about_course2 .course_pagin  span{
  background-color: #fff;
}
.course_pagin  span.swiper-pagination-bullet-active::before{
  content: '';
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right:-3px;
  border-radius: 50%;
  border: 1px solid #9d1e3b;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
/* .course_pagin  span::after{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: #e0ad22;
} */
.course_pagin  span.swiper-pagination-bullet-active{
  background: transparent;
}
.course_pagin  span.swiper-pagination-bullet-active::after{
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #9d1e3b;
}
.course_pagin  span.swiper-pagination-bullet-active::before{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100); 
}
.about_course>h5{
  position: relative;
  padding-left: 110px;
  font-size: 20px;
  color: #9d1e3b;
  margin: 0 0 3% 0;
}
.about_course>h5 span{
  position: absolute;
  left: 0;
  top:0 ;
}
.course_swiper {
  width: 85%;
  margin: 0 auto;
}
.course_top{
  position: relative;
  padding-top: 60px;
}
.course_button{
  background: transparent;
}
.course_button i{
  color: #9d1e3b;
  font-size: 40px;
}
.course_top .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.about_honor  .news_more_btn {
  text-align: center;
}
.course_button_right, .course_button_left{
  z-index: 9;
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.course_button_right{
  right: 0;
}
.course_button_left{
  left: 0;
}
.about_sec1_box{
  position: relative;
}
.about_sec1_txt{
  width: 38%;
  position: absolute;
  top: 50%;
  padding: 0 5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about_sec1_txt h5{
  font-size: 30px;
  color: #212121;
  margin: 0;
  margin-bottom: 5%;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.about_sec1_txt p{
  font-size: 18px;
  color: #212121;
  width: 70%;
  margin-bottom: 9%;
}
.about_sec1_txt span{
  display: inline-block;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 2;
  padding: 0 30px;
  cursor: pointer;
  background-color: #fff;
  color: #0b0b0b;
  border: 1px solid #0b0b0b;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.about_sec1_txt span:hover{
  border: 1px solid #9d1e3b;
  color: #ffffff;
  background: #9d1e3b;
}
.about_sec1_box:last-child .about_sec1_txt{
  padding-left: 0;
}

.about_sec1_box:first-child{
  padding-right: 38%;
  margin-bottom: 7%;
}
.about_sec1_box:first-child .about_sec1_txt{
  right: 0;
}
.about_sec1_box:last-child{
  padding-left: 38%;
  margin-bottom: 3%;
}
.about_sec1_box:last-child .about_sec1_txt{
  left: 0;
}
.about_sec1_box:last-child .about_sec1_txt span{
  background-color: #fff;
  color: #0b0b0b;
  border: 1px solid #0b0b0b;
}
.about_sec1_box:last-child .about_sec1_txt span:hover{
  border: 1px solid #9d1e3b;
  color: #ffffff;
  background: #9d1e3b;
}
.about1_box h5{
  font-size: 30px;
  color: #212121;
  margin: 0;
  margin-bottom: 20px;
  position: relative;
  font-weight: 600;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.about1_box h5 img{
  position: absolute;
  left: -20px;
  width: 51px;
  top: -31px;
}
.about1_box p{
  font-size: 16px;
  color: #515151;
  margin: 0;
  margin-bottom: 20px;
  /* font-family: huxiaobo1_e !important; */
}
.about2_box h5{
  padding-left: 20%;
  padding-right: 20%;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.about2_box p{
  padding-left: 20%;
  padding-right: 20%;
}
.about2_box{
  position: relative;
}
.about2_box>img{
  position: absolute;
  width: 26%;
  left: 16%;
  top: 5%;
}
.about3_box p{
  position: relative;
  padding-left: 60px;
  margin-bottom: 10px;
}
.about3_box p span{
  position: absolute;
  top: 0;
  left: 0;
}

.aboutBan_swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #ffffff;
  opacity: .5;
}
.aboutBan_swiper  .swiper-pagination-bullet-active {
  opacity: 1;
  background: #9d1e3b;
}
/*9.13*/
.tion_yit{
  color: #080808;
  font-size: 45px;
  text-align: center;
  margin-bottom: 5%
}
.index_product1_img {
  position: relative;
  overflow: hidden;
  /* font-family: '文鼎UD晶熙黑体_E' !important; */
  letter-spacing: 1px;
}
.product1_img_bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
	filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
    transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.product1_img_txt{
    position: absolute;
    left: 0px;
    top: 40px;
    width: 100%;
    padding: 0 30px;
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
    transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.product1_img_txt h5{
  color: #fff;
  font-size: 30px;
  margin: 0 0 20px 0;
}
.product1_img_txt p{
  color:#fffefd;
  font-size: 22px;
  text-align: center;
  margin-bottom: 5px;
}
.product1_img_txt p span{
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 72px;
  text-align: center;
}
.pro_line_top::after{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 1px;
  background: #777777;
  height: 15%;
}
.pro_line_top::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 1px;
  background: #777777;
  height: 15%;
}
.pro_line_top{
  position: absolute;
  left: 8%;
  top: 10%;
  border:1px solid #777777;
  border-left: none;
  bottom: 10%;
  right: 8%;
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
	filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
    transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_product1_img:hover .product1_img_bg{
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
	filter:alpha(opacity=30);
}
.index_product1_img:hover  .product1_img_txt{
  opacity: 1;
  -moz-opacity:1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
	filter:alpha(opacity=100);
}
.index_product1_img:hover .pro_line_top{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity:  1;
  -webkit-opacity:  1;
	filter:alpha(opacity=100);
}
.index_product1_list  .product1_img_txt p i{
  display: block;
  font-style: normal;
  margin-bottom: 5px;
}
.index_product3 .index_product1_list  .product1_img_txt p i{
  display: inline-block;
margin-right: 5px;
}
.index_product1_list   .pro_line_top::after{
  height: 16%;
}
.index_product1_list   .pro_line_top::before{
  height: 16%;
}
.index_product1_list:hover .product1_img_bg{
  opacity: 0.3;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
	filter:alpha(opacity=30);
}
.index_product1_list:hover  .product1_img_txt{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.index_product1_list:hover .pro_line_top{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity:  1;
  -webkit-opacity:  1;
	filter:alpha(opacity=100);
}


/* 10.16 定制家居新增页面*/
.add_font{
  margin-top: 4%;
  margin-bottom: 4%;
}
.add_font h5{
  font-size: 24px;
  font-weight: 600;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.add_font h5>img{
  margin-right: 5px;
  vertical-align: -7px;
}
.taurant p{
  text-align: center;
  bottom: auto;
  top: 10%;
  font-size: 30px;
  letter-spacing: 3px;
  margin-top: 0;
}
.series_more{
  display: none;
}
.series_a {
  margin-top: 3.5%;
  margin-bottom: 3%;
}
.product_sink_details .product_sink_tit{
  margin-top: 3%;
 padding:0 15%
}
.door_model{
  padding: 4% 0;
}
.door_model_box{
  width: 720px;
  margin: 0 auto;
}
.door_model img{
  /* max-width: 100%; */
}
.door_model:first-child{
  padding-top: 0;
}
.door_model:nth-child(2n){
  background: #f1f1f1;
}
.model_details{
  padding-left: 120px;
  position: relative;
  margin-top: 30px;
}
.model_details b{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  color: #a7344e;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.model_details p{
  font-size: 12px;
  margin-bottom: 5px;
  position: relative;
}
.model_details_txt{
  display: flex;
  flex-wrap: wrap;
}
.model_details_txt p{
  width: 50%;
}
.model_details_txt_last p{
  padding-left: 60px;
  font-size: 12px;
  margin-bottom: 0;
  position: relative;
  line-height: 22px;
}
.model_details_txt_last p span{
  position: absolute;
  top: 0;
  left: 0;
}

.product_mode1{
  margin-bottom: 8%;
}
.product_mode1_img{
  position: relative;
}
.product_mode1_img img{
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.product_mode1 p {
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  font-size: 26px;
  letter-spacing: 3px;
  color: #000000;
  text-align: center;
  margin: 10% 0 0 0;
}
.ad_img2{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.product_mode1:hover .ad_img2{
  opacity: 1;
}
.product_mode1:hover .ad_img1{
  opacity: 0;
}
.product_mode1:hover p{
  color: #a7344e;
}
.dist_padding_join{
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 0;
}

.pagination_box{
  text-align: center;
}
.pagination a{
  height: 30px !important;
  line-height: 28px !important;
  font-size: 14px !important;
  color: #181818 !important;
  border-radius: 2px !important;
  border: 1px solid #181818 !important;
}
.pagination a.cur{
  color: #fff !important;
  background-color: #9d1e3b !important;
  border: 1px solid #9d1e3b !important;  
}

.menu_list_pro{
  height: 93px;
}
.menu_list_pro.fiexd .menu_list{
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 998;
  background-color: #fff;
}

.search_web{
  width: 100%;
  padding: 0 12%;
  padding-top: 90PX;
  padding-bottom: 90px;
}
.search_title{
  padding-top: 30px;
  padding-bottom: 7%;
  font-size: 14px;
  color: #898989;
}
.search_input{
  width: 40%;
  border: 1px solid #d2d2d2;
  padding-left: 50px;
  border-radius: 4px;
  margin-bottom: 6%;
  position: relative;
}
.search_input input{
  width: 100%;
  font-size: 16px;
  color: #7b7b7b;
  line-height: 46px;
  border: none;
}
.search_input span{
  font-size: 24px;
  color: #8e8e8e;
  position: absolute;
  top: 12px;
  left: 15px;
}
.search_nav{
  padding-bottom: 20px;
  border-bottom: 2px solid #c6c6c6;
}
.search_nav span{
  display: inline-block;
  font-size: 16px;
  color: #7b7b7b;
  margin-right: 50px;
  position: relative;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.search_nav span::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -24px;
  width: 100%;
  height: 4px;
  background-color: transparent;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.search_nav span.active{
  color: #a7344e;
}
.search_nav span.active::before{
  background-color: #a7344e; 
}
.search_jg{
  font-size: 14px;
  color: #6f6f6f;
  padding-top: 20px;
  padding-bottom: 30px;
}
.search_web_box{
  width: 100%;
}
.search_web_list{
  display: none;
}
.search_web_list .shadow_vedio_small{
  margin-top: 0;
}
.search_web_list .shadow_vedio_small_list{
  margin-bottom: 30px;
}
.search_news_list{
  position: relative;
  padding-bottom: 2%;
  margin-bottom: 2%;
  border-bottom: 1px solid #e8e8e8;
}
.search_news_list h5{
  font-size: 24px;
  color: #181818;
  line-height: 1.6;
  margin: 0;
  position: absolute;
  left: 27%;
  top: 5%;
}
.search_news_list p{
  color: #616161;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 2%;
}



.door_model_img{
  position: relative;
}
.door_model_hover{
  position: absolute;
  cursor: pointer;
  /* background: rgba(0, 0, 0, .5); */
}
.hoverbg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.door_model_hover.a1{
  width: 46%;
  height: 13%;
  bottom: 2.5%;
  left: 0.2%;
}
.door_model_hover.a2{
  width: 17%;
  height: 28%;
  top: 2%;
  left: 52.5%;
}
.door_model_hover.a3{
  width: 52%;
  height: 35%;
  top: 47%;
  left: 45.5%;
}
.door_model_hover.a4{
  width: 27%;
  height: 36%;
  top: 2%;
  right: 2%;
}
.door_model_hover.a5{
  width: 43%;
  height: 47%;
  bottom: 18%;
  left: 0%;
}
.door_model_hover.a6{
  width: 22%;
  height: 25%;
  top: 2%;
  left: 0%;
}
.door_model_hover.a6{
  width: 22%;
  height: 25%;
  top: 2%;
  left: 0%;
}
.door_model_hover.a7{
  width: 27%;
  height: 30%;
  top: 2%;
  left: 24%;
}
.door_model_hover.a8{
  width: 36%;
  height: 31%;
  top: 1%;
  right: 14%;
}
.door_model_hover.a9{
  width: 41%;
  height: 31%;
  bottom: 3%;
  right: 3%;
}
.door_model_hover.a10{
  width: 20%;
  height: 21%;
  bottom: 45.5%;
  left: 5%;
}
.door_model_hover.a11{
  width: 28%;
  height: 31.5%;
  top: 1%;
  left: 7%;
}
.door_model_hover.a12{
  width: 50%;
  height: 31.5%;
  top: 33%;
  right: 23%;
}
.door_model_hover.a13{
  width: 50%;
  height: 22.5%;
  bottom: 12%;
  left: 2%;
}
.door_model_hover.a14{
  width: 22%;
  height: 24%;
  top: 2%;
  right: 1%;
}
.door_model_hover.a15{
  width: 22%;
  height: 30%;
  top: 2%;
  right: 24%;
}
.door_model_hover.a16{
  width: 39%;
  height: 14%;
  bottom: 1%;
  left: 1%;
}
.door_model_hover.a17{
  width: 15%;
  height: 27%;
  top: 28%;
  right: 8%;
}
.door_model_hover.a18{
  width: 27%;
  height: 42%;
  bottom: 2%;
  right: 8%;
}
.door_model_hover.a19{
  width: 39%;
  height: 49%;
  bottom: 17%;
  left: 1%;
}
.door_model_hover.a20{
  width: 23%;
  height: 52%;
  bottom: 1%;
  left: 41%;
}
.door_model_hover.a21{
  width: 11%;
  height: 31%;
  top: 2%;
  left: 42%;
}
.door_model_hover.a22{
  width: 15%;
  height: 31%;
  top: 2%;
  left: 25%;
}
.door_model_hover.a23{
  width: 19%;
  height: 31%;
  top: 2%;
  left: 1%;
}
.door_model_hover img{
  max-width: auto;
  position: absolute;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .5s;	
  transition: all cubic-bezier(.18,1,.21,1) .5s;
}
.door_model_hover img.topRight{
  left: 80%;
  bottom: 80%;
}
.door_model_hover img.topRight1{
  left: 90%;
  bottom: -10%;
}
.door_model_hover img.topRight2{
  left: 10%;
  bottom: 90%;
}
.door_model_hover img.topRight3{
  left: 70%;
  bottom: 50%;
}
.door_model_hover img.left{
  right: 90%;
  top: 0%;
}
.door_model_hover img.centerCenter1{
  left: 50%;
  bottom: -22%;
}
.door_model_hover img.bottomLeft{
  top: 0%;
  right: 90%;
}
.door_model_hover img.centerCenter2{
  left: 50%;
  bottom: 30%;
}
.door_model_hover img.bottomRight{
  top: 0%;
  left: 50%;
}
.door_model_hover img.bottomRight1{
  top: -10%;
  left: 80%;
}
.door_model_hover img.bottomRight2{
  top: 0%;
  left: 85%;
}
.door_model_hover img.bottomCenter{
  top: 50%;
  left: -100%;
}
.door_model_hover img.topLeft{
  bottom: 80%;
  right: 20%;
}
.door_model_hover img.topLeft1{
  bottom: -10%;
  right: 70%;
}
.door_model_hover img.topLeft2{
  top: -80%;
  right: 80%;
}
.door_model_hover img.topCenter{
  bottom: 70%;
  left: -100%;
}
.door_model_hover img.topCenter1{
  bottom: 70%;
  left: -120%;
}

.door_model_hover.active img{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
  -webkit-transform:scale(1);
  transform:scale(1);
}



/**********服务新页面**********/
.server_banner{
  position: relative;
}
.server_banner_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0, 0, 0, .4);
}
.server_banner_con{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.title_big{
  letter-spacing: 4px;
  color: #fff;
  font-size: 38px;
  text-align: center;
  font-weight: normal;
  padding-bottom: 10px;
}
.title_big span{
  cursor: pointer;
  position: relative;
  transition: 0.5s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font-size: 48px;
  width: 320px;
  display: inline-block;
  font-weight: 600;
  font-family: huxiaobo !important;
}
.city_box {
  width: 470px;
  background: #fff;
  margin: 0 auto;
  float: none;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  height: 28px;
  line-height: 28px;
  padding: 10px 0;
  width: 580px;
  border-radius: 4px;
  height: 58px;
  line-height: 38px;
  margin-top: 35px;
  position: relative;
}
.city_box .input{
  height: 24px;
  width: 310px;
  line-height: 24px;
  text-indent: 12px;
  display: block;
  color: #1A1B1F;
  margin-left: 35px;
  background: none;
  border: none;
  margin-top: 2px;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
  width: 380px;
  font-size: 16px;
}
.city_box .input::-webkit-input-placeholder{
  color:rgba(0,0,0,0.25);
  font-size: 16px;
  font-weight: 400;
}
.city_box .name{
  background: url(../images/Search.png) no-repeat left center;
  width: 30px;
  height: 21px;
  line-height: 21px;
  position: absolute;
  left: 10px;
  top: 13px;
  opacity: 0.9;
  height: 33px;
  line-height: 33px;
  left: 22px;
  top: 13px;
}
#searchInfo{
  display: none;
}

.suggest div{
	display: block;
	font-size: 30px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.suggest>div.box{
  padding-top: 40px;
}
.suggest ul{
	display: flex;
	width: 100%;
	padding: 15px 85px;
	box-sizing: border-box;
  justify-content: center;
}
.suggest ul h5{
  font-size: 12px;
}
.suggest ul li div:first-child{
	width: 100%;
}
.shopList ul li,.suggest ul li{
	display: inline-block;
	width: 16.6%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: none;
	padding: 0;
}
.shopList ul li{margin-right: 2px;margin-bottom: -2px;height: 140px!important;}
.shopList ul li div:first-child,.suggest ul li div:first-child{
	width: 100%;
	float: left;
}
.shopList ul li div:last-child,.suggest ul li div:last-child{
	float: right;
}
.suggest ul li a img{
  width: 70px;
  opacity:.7;
  -moz-opacity:.7; 
  -khtml-opacity:.7;
  -webkit-opacity:.7;
  filter:alpha(opacity=70);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.suggest ul li a:hover img{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.btnTab{
	padding-top: 0!important;
	font-size: 12px!important;
	width: 214px;
	/* height: 50px; */
	line-height: 50px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	margin:0 auto;
	margin-top: 50px;
}
.btnTab:hover a{
  transition: 0.3s ease-in-out;
  background-color: #2F2F2F;
  color: #fff;
}
.btnTab a{
  display: block;
  border-radius: 4px;
  position: relative;
}
.btnTab a::after {
	content: '';
	width: 0;
	height: 2px;
	background: #952225;
	position: absolute;
	bottom: 10px;
	left: 35px;
	transition: all 0.3s ease-in-out;
  }
  .btnTab a:hover::after {
    width:145px;
  }

.testing {
  padding-top: 50px;
}
.testing ul {
  display: flex;
  margin-bottom: 24px;
}
.testing ul li{
  flex: 1;
  background: #FDFCF8;
  background-size: cover;
  cursor: pointer;
  padding: 3%;
  position: relative;
}
.testing ul li:nth-child(2){
  margin: 0 24px;
}
.testing ul li .sub h5{
  font-size: 32px;
  color: #212121;
  margin: 0;
  margin-bottom: 15px;
  font-weight: 600;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.testing ul li .sub p{
  font-size: 18px;
  width: 100%;
  color: #848380;
  margin-bottom: 10px;
  /* font-family:huxiaobo1_e !important; */
}
.testing ul li .sub{
  margin-bottom: 8%;
}
.testing ul li .sup{
  font-size: 16px;
  color: #212121;
}
.testing ul li:hover .twoBoxRight_mask{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.twoBox{
  display: flex;
}
.twoBoxLeft{
  flex: 2;
  position: relative;
}
.twoBoxRight{
  flex: 1;
  margin-left: 24px;
  position: relative;
  background: url(../images/server_new2.jpg) center no-repeat;
  background-size: cover;
}
.twoBox .move{
  position: absolute;
  z-index: 3;
}
.twoBox .move h5{
  font-size: 32px;
  color: #212121;
  margin: 0;
  margin-bottom: 15px;
  font-weight: 600;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.twoBox .move p{
  font-size: 18px;
  width: 100%;
  color: #848380;
  margin-bottom: 10px;
}
.twoBox .move h4{
  font-size: 16px;
  color: #212121;
  font-weight: normal;
}
.twoBoxLeft .move{
  left: 5%;
  bottom: 12%;
}
.twoBoxRight .move{
  left: 5%;
  top: 5%;
}
.twoBoxRight_mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 2;
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;  
}
.twoBoxRight_mask img{
  width: 32%;
  position: absolute;
  left: 34%;
  bottom: 15%;
}
.twoBoxRight_mask p{
  position: absolute;
  left: 50%;
  top: 16%;
  -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.twoBoxRight_mask2 p{
  top: auto;
  bottom: 43%;
 
}
.twoBoxRight:hover .twoBoxRight_mask{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}


/* 11.16 */
.suggest1_top{
  padding-top: 0;
}
.service_top{
  margin-top: 90px;
}
.tabs {
  padding: 15px 0;
  overflow: hidden;
}
.tabs li {
  float: left;
  width: 10%;
  text-align: center;
  border-right: 1PX dotted #dfdfdf;
  opacity: 0.6;
  position: relative;
}
.tabs2 ul{
  text-align: center;
}
.tabs2 li{
  opacity: 1;
  float: none;
  display: inline-block;
}
.tabs li div{padding:10px 10px; border: 1px solid #fff;}
.tabs li.last{ border:0;}
.tabs li a{ display:block;}
.tabs li a span{width: 68px;height: 56px;display: inline-block;}
.tabs li a.n1 span{ background: url(../images/pro_icon1.png) center no-repeat;  }
.tabs li a.n2 span{ background: url(../images/pro_icon2.png) center no-repeat;  }
.tabs li a.n3 span{ background: url(../images/pro_icon3.png) center no-repeat;  }
.tabs li a.n4 span{ background: url(../images/pro_icon4.png) center no-repeat;  }
.tabs li a.n5 span{ background: url(../images/pro_icon5.png) center no-repeat;  }
.tabs li a.n6 span{ background: url(../images/pro_icon6.png) center no-repeat;  }
.tabs li a.n7 span{ background: url(../images/pro_icon7.png) center no-repeat; }
.tabs li a.n8 span{ background: url(../images/pro_icon8.png) center no-repeat;  }
.tabs li.on {
  opacity: 1;
}
.tabs li.on div{ background-color: #e4e4e4; border: 1px solid #888; border-radius: 5px;}
.tabs li a p{
  margin: 5px 0 0 0;
}

.get_question_new a{ 
  border-bottom:1px dotted #ddd; 
  padding: 18px 0;
  padding-left:32px; 
  display: block;
  position: relative;
}
.get_question_new a::after{
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #666;
  left: 0;
  top: 50%;
  margin-top: -3px;
  border-radius: 50%;
}

.tabMain_show{
  display: none;
}
.more_jz a{ 
  display: inline-block; 
  width:90px; 
  padding-top:30px; 
  background:#fff; 
  text-align:center; 
  color:#821d33; 
  line-height:18px;
  position: relative;
}
.more_jz a img{
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -13px;
}

.more_jz{ border-bottom:1px solid #C1C1C1; height:20px; position:relative; text-align:center; margin:40px 0;}

.tabMain{
  display: none;
}
.suggest1>h5 {
  display: block;
  font-size: 30px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.suggest1 p {
  line-height: 35px;
  color: #555;
}
.tutorial_img{
  position: relative;
  overflow: hidden;
}
.tutorial_img span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/vedio_bg.png) no-repeat;
}
.active1  a img{
  transform: rotate(180deg);
}
.new_serv_list{
  position: relative;
}
.new_serv_list p{
margin: 0;
position: absolute;
background: #821d33;
height: 50px;
line-height: 50px;
color: #ffffff;
text-align: center;
width: 150px;
border-radius: 5px;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}
.mation{
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center;
    background: #fdf8ef;
    margin-bottom: 15px;
}
.form-wrap1{
  width: 25%;
  margin: 0 auto;

}
.form-control1{
 
  margin-top: 10px;
}
.agree{
  width: 25%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
}
.form-control1 a{
  color: #9C1D22;
  text-decoration: underline;
}
.form-control1 .input-control1{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
  height: 40px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(199,171,161,0.22);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-control2{
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.form-control1 .input-control2{
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}
.input-control2 select{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(199,171,161,0.22);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 33.33%;
    float: left;
    color: #797979;
}
.btn-group{
  margin-top: 3%;
}
.btn-group span{
  display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 180px;
    height: 48px;
    line-height: 48px;
    background: #9c1d22;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
}
.btn-group p{
    margin-top: 12px;
    text-align: center;
    color: #A4AEC3;
    font-size: 11px;
    margin-bottom: 0;
}
/* 11.30 */
.answ_tit{
  position: relative;
  margin-top: 20px;
  margin-bottom: 40px;
}
.answ_tit span{
  position: absolute;
  right: 0;
  top: 0;
}
.answ_tit h5{
  font-weight: normal;
  color: #000;
  font-size: 28px;
  margin: 0;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.answ_ter p{
  color: #555;
  font-size: 14px;
}
.answ_ter_left {
    border-right: 1px dotted #888;
    padding-right: 60px;
    min-height: 180px;
    float: left;
    width: 70%;
}
.answ_ter_right{
  float: left;
  width: 30%;
}
.answ_ter_left p{
 text-align: left;
}
.answ_ter_right p{
  text-align: center;
}
.ter_right_a {
  text-align: center;
}
.ter_right_a a{
  height: 45px;
  line-height: 45px;
  width: 85px;
  text-align: center;
  color: #686868;
  display: inline-block;
  border-radius: 5px;
  font-size: 15px;
  border: 1px solid #686868;
}
.red_bg{
  background: #831d33 !important;
  color: #fff !important;
}
.heli_answ{
  padding: 0% 15%;

}
.other{
  padding: 0% 15%;
  margin-top: 3%;
}
.other_width {
  padding:3% 0;
  border-top: 1px solid #ddd;
}
.other_left h5{
  position: relative;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  margin-top: 0;
}
.other_left a{
position: absolute;
top: 0;
right: 0;
color: #9d1e3b;
}
.other_left{
  width: 60%;
  float: left;
}
.other_right{
  width: 35%;
  float: right;
}
.other_right h5{
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  margin-top: 0;
}
/**********服务新页面**********/
.list-works{
  position: relative;
  z-index: 1;
}
.list-works__type{
  padding: 6px 0px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.list-works__type img{
  display: none;
}
.list-works__item:hover .list-works__type{
  -webkit-transform: skewX(-10deg) translateY(-3px);
  transform: skewX(-10deg) translateY(-3px);
}

.list-works__type p{
  position: relative;
  padding-left: 60px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #515151;
  margin: 0;
}
.list-works__type p span{
  position: absolute;
  top: 0;
  left: 0;
}


.list-works__follower {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 400px;
	height: 400px;
	opacity: 0;
	pointer-events: none
}
.list-works__follower img {
	position: absolute;
	z-index: 1;
	opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
  -webkit-transform: scale(0,.7);
	transform: scale(0,.7);
	-webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.list-works__follower img.active {
	opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
	-webkit-transform: scale(1);
  transform: scale(1)
}




/**********屏幕自适应**********/
@media (min-width: 970px) {
  .answ_tit h5{
    font-size: 20px;
  }
  .banner_list .txt h5{
    font-size: 42px;
  }
  .banner_list .txt p{
    font-size: 20px;
  }
  .banner_list .txt i{
    font-size: 20px;
  }
  .header ul li{
    font-size: 16px;
  }
  .subNav_left .list{
    font-size: 15px;
  }
  .subNav_right .list p{
    font-size: 15px;
  }
  .index_product>h5{
    font-size: 26px;
  }
  .index_product_list h5{
    font-size: 18px;
  }
  .index_product_list_more h5{
    font-size: 18px;
  }
  .index_serve .txt h5{
    font-size: 45px;
  }
  .index_serve .txt p span{
    font-size: 14px;
  }
  .index_serve .txt .more span{
    font-size: 22px;
  }
  .index_hot_list>h5{
    font-size: 14px;
  }
  .index_hot_list .txt h5{
    font-size: 18px;
  }
  .index_hot_list .txt p{
    font-size: 16px;
    margin-top: 26px;
  }
  .index_hot_list .txt span{
    font-size: 13px;
  }
  .index_join_list1 h5, .index_join_list2 h5{
    font-size: 22px;
  }
  .index_cook_list h5{
    font-size: 18px;
  }
  .index_cook_list p{
    font-size: 16px;
  }
  .footer .top ul li h5{
    font-size: 15px;
  }
  .footer .top ul li p{
    font-size: 13px;
  }
  .footer .bottom p{
    font-size: 13px;
  }
  .kt_product_list h5{
    font-size: 14px;
  }
  .kt_product>h5{
    font-size: 24px;
  }
  .kt_serve .txt p{
    font-size: 26px;
  }
  .kt_hot_list .txt h5{
    font-size: 18px;
  }
  .kt_hot_list .txt p span{
    font-size: 13px;
  }
  .kt_join_box h5{
    font-size: 24px;
  }
  .kt_join_box h5 span{
    font-size: 34px;
  }
  .sink_h5 span{
    font-size: 30px;
  }
  .sink_product_list h5{
    font-size: 14px;
  }
  .sink_product_list p{
    font-size: 14px;
  }
  .home_serve .txt h5{
    font-size: 45px;
  }
  .home_h5{
    font-size: 34px;
  }
  .home_hot_list h5{
    font-size: 26px;
  }
  .home_product_txt h5{
    font-size: 18px;
  }
  .home_product_txt p span{
    font-size: 12px;
  }
  .banner_list .video_txt p{
    font-size: 14px;
  }
  .banner_list .video_txt h5{
    font-size: 50px;
  }
  .banner_list .video_txt span{
    font-size: 14px;
  }
  .menu_ser_left h5{
    font-size: 18px;
  }
  .menu_ser_left p{
    font-size: 16px;
  }
  .menu_ser_box p{
    font-size: 18px;
  }
  .menu_ser_right h5{
    font-size: 14px;
  }
  .subNav3_list p{
    font-size: 14px;
  }
  .chan_on{
    width: 75px;
  }
  .product_nav span{
    font-size: 16px;
    border-radius: 32px;
  }
  .product_details_img>h5{
    font-size: 28px;
  }
  .product_details_data h5{
    font-size: 20px;
  }
  .product_details_data ul li span{
    font-size: 14px;
  }
  .product_sink_sec h5{
    font-size: 18px;
  }
  .server_ewm span{
    width: 90px;
  }
  .server_txt h5{
    font-size: 18px;
  }
  .server_txt p{
    font-size: 14px;
  }
  .server_item p{
    font-size: 18px;
  }  
  .server_item_img{
    width: 60px;
    height: 60px;
  }
  .server_icon{
    width: 150px;
    height: 113px;
  }  
  .other_anli>h5 {
    font-size: 30px;
  }
  .list_on_text h5 {
    font-size: 18px;
   }
    .anli_box_image .list p {
    font-size: 18px;
   }
   .anli_text p {
    font-size: 16px;
    line-height: 26px;
   }
   .on_title {
    font-size: 14px;
    }
    .shop_show_con>h5{
      font-size: 32px;
    }    
  .server_message>h5{
    font-size: 34px;
  }
  .server_message>p{
    font-size: 18px;
  }
  .server_message_input p{
    font-size: 16px;
  }   
  .server2_sec h4{
    font-size: 22px;
  }
  .server2_sec h4{
    font-size: 18px;
  }
  .server2_sec p{
    font-size: 16px;
  }  
  .index_new_txt h5{
    font-size: 35px;
  }
  .index_new_txt p{
    font-size: 16px;
  }
  .index_new_txt span i{
    font-size: 18px;
    padding: 0 45px;
  }
  .index_new_txt i{
    font-size: 14px;
  }  
  .news_titile {
    font-size: 24px;
  }
  .news_titile .tail {
    font-size: 16px;
  }
  .service_linian p{
    font-size: 14px;
  }
  .question_top h5{
    font-size:24px;
   }
   .question_txt h4{
    font-size: 18px;
   }
   .question_txt p{
    font-size: 13px;
   }
   .question_txt h5{
    font-size: 14px;
   }
   .question_go a{
    font-size: 14px;
   }
   .question_address h5{
    font-size: 16px;
   }
   .question_address ul li{
    font-size: 14px;
   }
   .question_top span{
    font-size: 16px;
   }
   .take_img span{
    font-size: 14px;
   }
   .take_care ul li{
     font-size: 16px;
   }
   .menu_list span{
    font-size: 13px;
   }
   .menu_list_right a {
    font-size: 13px;
   }
   .news_on_txt h5{
    font-size: 18px;
    }
    .news_on_txt p{
      font-size: 14px;
    }
    .support_onright h5 {
      font-size: 18px;
     }
     .support_onright p {
      font-size: 14px;
    }
    .house1_advantage h5{
      font-size: 18px;
    }
    .house1_advantage p {
      font-size: 14px;
    }
    .process_onlist p{
      font-size: 16px;
    }
      .overall_left h4 {
    font-size: 18px;
   }
   .overall_left p {
    font-size: 14px;
  }
  .overall_left h5{
    font-size: 14px;
  }
  .help_on_right p {
    font-size: 14px;
   }
   .help_on_right h5 {
    font-size:18px;
   }
   .fication_left p {
    font-size: 14px;
   }
   .request_on_txt h5 {
    font-size: 16px;
   }
   .request_on_txt p {
    font-size: 14px;
    line-height: 24px;
    }
    .operat_list ul p {
      font-size: 16px;
  }
  .operat_list ul h5 {
    font-size: 16px;
   } 
   .market_txt p {
    font-size: 14px;
   } 
   .electric_top h5{
     font-size: 16px;
   }
   .message_right span{
     font-size: 14px;
   }
   .online_input label{
     font-size: 14px;
   }
   .online_input input{
    font-size: 14px;
   }
   .message_right h4{
     font-size: 20px;
   }
   .message_right h5{
    font-size: 26px;
  }
   .message_right p{
    font-size: 14px;
   }
  .join_list_show p{
    font-size: 14px;
  }
  .join_title p {
    font-size: 14px;
   }
   .join_list p{
    font-size: 14px;
   }
   .join_list_show h5{
    font-size: 16px;
   }
   .media_title h5{
    font-size:20px;
    }
  .media_title p{
    font-size: 20px;
    }
    .statement_left>h5{
      font-size: 20px;
    }
    .merchants_on p{
      font-size: 34px;
    }
    .overall_high_right h5{
      font-size: 18px;
    }
    .overall_high_right p{
      font-size: 14px;
    }
    .retail_input_map span{
      font-size: 14px;
    }  
    .course_on h5{
      font-size: 20px;
    }
    .course_on p{
      font-size: 14px;
    }
    .about_course>h5{
      font-size: 16px;
    }  
    .honor_all p{
      font-size: 14px;
    }
    .news_more_btn span{
      width: 150px;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
    }
    .about_sec1_txt h5{
      font-size: 24px;
    }
    .about_sec1_txt p{
      font-size: 14px;
    }
    .about_sec1_txt span{
      font-size: 14px;
      padding: 0 15px;
    }
    .index_product1 h5{
      font-size: 22px;
    }
    .index_product1 h5 img{
      width: 20px;
    }
    .index_product1_list span{
      font-size: 16px;
    }
    .index_new_serve_txt h5{
      font-size: 22px;
    }
    .index_new_serve_txt h5 img{
      width: 20px; 
    }
    .index_cook>h5{
      font-size: 22px;
    }
    .index_cook>h5 img{
      width: 20px;
    }
    .about1_box h5{
      font-size: 24px;
    }
    .about1_box p{
      font-size: 14px;
    }
    .product1_img_txt h5{
      font-size:18px;
    }
    .product1_img_txt p{
      font-size: 16px;
    }
    .tion_yit{
      font-size: 28px;
    }
    .take_img_p{
      font-size: 24px;
    }
    .take_img_p span{
      font-size: 40px;
    }
    .index_home{
      width: 54px;
    }
    .index_home span{
      font-size: 14px;
      line-height: 54px;
    }  
    .index_cook_list.index_cook_list_last p{
      font-size: 24px;
    }
    .shadow_vedio_small_list p{
      font-size: 12px;
    }
    .taurant p{
      font-size: 22px;
    }
    .product_mode1 p{
     font-size: 18px;
    }
    .add_font h5{
      font-size: 18px;
    }
     .steps_on p{
    font-size: 14px;
    }
    .title_big span{
      font-size: 36px;
    }
    .suggest div{
      font-size: 24px;
    }
    .suggest1>h5{
      font-size: 24px;
    }
    .testing ul li .sub h5, .twoBox .move h5{
      font-size: 26px;
    }
    .testing ul li .sub p, .twoBox .move p{
      font-size: 16px;
    }
    .testing ul li .sup, .twoBox .move h4{
      font-size: 14px;
    }  
    .list-works__type p{
      font-size: 14px;
    }   
    .pc_nav ul li{
      font-size: 15px;
    }   
    .pc_nav_list p{
      font-size: 13px;
    }
}
@media (min-width: 1370px) {
  .answ_tit h5{
    font-size: 22px;
  }
  .banner_list .txt h5{
    font-size: 48px;
  }
  .banner_list .txt p{
    font-size: 22px;
  }
  .banner_list .txt i{
    font-size: 22px;
  }
  .header ul li{
    font-size: 16px;
  }
  .subNav_left .list{
    font-size: 16px;
  }
  .subNav_right .list p{
    font-size: 16px;
  }
  .index_product>h5{
    font-size: 28px;
  }
  .index_product_list h5{
    font-size: 20px;
  }
  .index_product_list_more h5{
    font-size: 20px;
  }
  .index_serve .txt h5{
    font-size: 50px;
  }
  .index_serve .txt p span{
    font-size: 16px;
  }
  .index_serve .txt .more span{
    font-size: 24px;
  }
  .index_hot_list>h5{
    font-size: 14px;
  }
  .index_hot_list .txt h5{
    font-size: 18px;
  }
  .index_hot_list .txt p{
    font-size: 16px;
    margin-top: 26px;
  }
  .index_hot_list .txt span{
    font-size: 13px;
  }
  .index_join_list1 h5, .index_join_list2 h5{
    font-size: 24px;
  }
  .index_cook_list h5{
    font-size: 18px;
  }
  .index_cook_list p{
    font-size: 18px;
  }
  .footer .top ul li h5{
    font-size: 16px;
  }
  .footer .top ul li p{
    font-size: 13px;
  }
  .footer .bottom p{
    font-size: 13px;
  }
  .kt_product_list h5{
    font-size: 16px;
  }
  .kt_product>h5{
    font-size: 26px;
  }
  .kt_serve .txt p{
    font-size: 28px;
  }
  .kt_hot_list .txt h5{
    font-size: 20px;
  }
  .kt_hot_list .txt p span{
    font-size: 14px;
  }
  .kt_join_box h5{
    font-size: 26px;
  }
  .kt_join_box h5 span{
    font-size: 36px;
  }
  .sink_h5 span{
    font-size: 32px;
  }
  .sink_product_list h5{
    font-size: 16px;
  }
  .sink_product_list p{
    font-size: 16px;
  }
  .home_serve .txt h5{
    font-size: 50px;
  }
  .home_h5{
    font-size: 36px;
  }
  .home_hot_list h5{
    font-size: 28px;
  }
  .home_product_txt h5{
    font-size: 20px;
  }
  .home_product_txt p span{
    font-size: 12px;
  }
  .banner_list .video_txt p{
    font-size: 14px;
  }
  .banner_list .video_txt h5{
    font-size: 60px;
  }
  .banner_list .video_txt span{
    font-size: 14px;
  }
  .menu_ser_left h5{
    font-size: 18px;
  }
  .menu_ser_left p{
    font-size: 16px;
  }
  .menu_ser_box p{
    font-size: 18px;
  }
  .menu_ser_right h5{
    font-size: 14px;
  }
  .subNav3_list p{
    font-size: 14px;
  }
  .chan_on{
    width: 80px;
  }
  .product_nav span{
    font-size: 16px;
    border-radius: 32px;
  }
  .product_details_img>h5{
    font-size: 30px;
  }
  .product_details_data h5{
    font-size: 22px;
  }
  .product_details_data ul li span{
    font-size: 14px;
  }
  .product_sink_sec h5{
    font-size: 20px;
  }
  .server_ewm span{
    width: 100px;
  }
  .server_txt h5{
    font-size: 20px;
  }
  .server_txt p{
    font-size: 14px;
  }
  .server_item p{
    font-size: 20px;
  } 
  .server_item_img{
    width: 70px;
    height: 70px;
  } 
  .server_icon{
    width: 160px;
    height: 120px;
  }  
  .other_anli>h5 {
    font-size: 32px;
  }
  .list_on_text h5 {
    font-size: 20px;
   }
   .anli_box_image .list p {
    font-size: 20px;
   }
   .anli_text p {
    font-size: 16px;
   }
   .on_title {
    font-size: 16px;
    }
    .shop_show_con>h5{
      font-size: 36px;
    }   
  .server_message>h5{
    font-size: 38px;
  }
  .server_message>p{
    font-size: 20px;
  }
  .server_message_input p{
    font-size: 16px;
  }  
  .server2_sec h4{
    font-size: 22px;
  }
  .server2_sec h4{
    font-size: 18px;
  }
  .server2_sec p{
    font-size: 16px;
  } 
  .index_new_txt h5{
    font-size: 40px;
  }
  .index_new_txt p{
    font-size: 18px;
  }
  .index_new_txt span i{
    font-size: 20px;
    padding: 0 50px;
  }
  .index_new_txt i{
    font-size: 14px;
  }
  .news_titile {
    font-size: 26px;
  }
  .news_titile .tail {
    font-size: 18px;
  }
  .service_linian p{
    font-size: 16px;
  }
  .question_top h5{
    font-size:26px;
   }
   .question_txt h4{
    font-size: 20px;
   }
   .question_txt p{
    font-size: 14px;
   }
   .question_txt h5{
    font-size: 16px;
   }
   .question_go a{
    font-size: 16px;
   }
   .question_address h5{
    font-size: 20px;
   }
   .question_address ul li{
    font-size: 16px;
   }
   .question_top span{
    font-size: 18px;
   }
   .take_img span{
    font-size: 16px;
   }
   .take_care ul li{
     font-size: 18px;
   }
   .menu_list span{
    font-size: 13px;
   }
   .menu_list_right a {
    font-size: 13px;
   }
   .online_input label {
    font-size: 16px;
   }
   .online_input textarea {
    font-size: 14px;
  }
  .message_right span{
    font-size: 14px;
  }
  .message_right h5{
    font-size: 30px;
  }
  .message_right p{
    font-size: 16px;
  }
  .news_on_txt h5{
    font-size: 20px;
  }
  .news_on_txt p{
    font-size: 14px;
  }
  .support_onright h5 {
    font-size: 20px;
   }
   .support_onright p {
    font-size: 16px;
  }
  .house1_advantage h5{
    font-size: 20px;
  }
  .house1_advantage p {
    font-size: 16px;
  }
  .process_onlist p{
    font-size: 18px;
  }
  .request_on_txt h5 {
    font-size: 20px;
    margin: 0 0 1% 0;
   }
   .request_on_txt p {
    font-size: 16px;
    line-height: 28px;
    }
    .operat_list ul p {
      font-size: 16px;
  }
  .operat_list ul h5 {
    font-size: 20px;
   } 
   .market_txt p {
    font-size: 16px;
   } 
   .electric_top h5 {
    font-size: 16px;
   }
   .overall_left h4 {
    font-size: 20px;
   }
   .overall_left p {
    font-size: 15px;
  }
  .overall_left h5{
    font-size: 15px;
  }
  .help_on_right p {
    font-size: 16px;
   }
   .help_on_right h5 {
    font-size: 20px;
   }
   .fication_left p {
    font-size: 18px;
   }
   .join_list_show p{
    font-size: 14px;
  }
  .join_title p {
    font-size: 14px;
   }
   .join_list p{
    font-size: 14px;
   }
   .join_list_show h5{
    font-size: 16px;
   }
   .online_input label{
    font-size: 16px;
  }
  .online_input input{
   font-size: 16px;
  }
  .message_right h4{
    font-size: 22px;
  }
  .message_right p{
   font-size: 16px;
  }
  .online_input textarea{
    font-size: 16px;
  }
  .media_title h5{
    font-size:24px;
    }
  .media_title p{
    font-size: 24px;
    }
    .statement_left>h5{
      font-size: 22px;
    }
    .merchants_on p{
      font-size: 36px;
    }
    .overall_high_right h5{
      font-size: 20px;
    }
    .overall_high_right p{
      font-size: 16px;
    }
    .retail_input_map span{
      font-size: 14px;
    }  
    .course_on h5{
      font-size: 22px;
    }  
    .course_on p{
      font-size: 14px;
    }
    .about_course>h5{
      font-size: 16px;
    }    
    .honor_all p{
      font-size: 14px;
    }
    .news_more_btn span{
      width: 160px;
      height: 42px;
      line-height: 42px;
      font-size: 16px;
    }
    .about_sec1_txt h5{
      font-size: 26px;
    }
    .about_sec1_txt p{
      font-size: 16px;
    }
    .about_sec1_txt span{
      font-size: 16px;
      padding: 0 20px;
    }
    .index_product1 h5{
      font-size: 24px;
    }
    .index_product1 h5 img{
      width: 22px;
    }
    .index_product1_list span{
      font-size: 18px;
    }
    .index_new_serve_txt h5{
      font-size: 24px;
    }
    .index_new_serve_txt h5 img{
      width: 22px; 
    }
    .index_cook>h5{
      font-size: 24px;
    }
    .index_cook>h5 img{
      width: 22px;
    }
    .about1_box h5{
      font-size: 26px;
    }
    .about1_box p{
      font-size: 14px;
    }
    .product1_img_txt h5{
      font-size:20px;
    }
    .product1_img_txt p{
      font-size: 18px;
    }
    .tion_yit{
      font-size: 32px;
    }
    .take_img_p{
      font-size: 26px;
    }
    .take_img_p span{
      font-size: 45px;
    }
    .index_home{
      width: 56px;
    }
    .index_home span{
      font-size: 14px;
      line-height: 56px;
    }  
    .index_cook_list.index_cook_list_last p{
      font-size: 28px;
    }
    .shadow_vedio_small_list p{
      font-size: 14px;
    }
    .taurant p{
      font-size: 24px;
    }
    .product_mode1 p{
     font-size: 20px;
    }
    .add_font h5{
      font-size: 20px;
    }
    .steps_on p{
    font-size: 16px;
    }
    .title_big span{
      font-size: 40px;
    }
    .suggest div{
      font-size: 26px;
    }
    .suggest1>h5{
      font-size: 26px;
    }
    .testing ul li .sub h5, .twoBox .move h5{
      font-size: 28px;
    }
    .testing ul li .sub p, .twoBox .move p{
      font-size: 16px;
    }
    .testing ul li .sup, .twoBox .move h4{
      font-size: 14px;
    }  
    .list-works__type p{
      font-size: 14px;
    }  
    .pc_nav ul li{
      font-size: 16px;
    }
    .pc_nav_list p{
      font-size: 14px;
    }
}
@media (min-width: 1570px) {
  .answ_tit h5{
    font-size: 24px;
  }
  .banner_list .txt h5{
    font-size: 54px;
  }
  .banner_list .txt p{
    font-size: 24px;
  }
  .banner_list .txt i{
    font-size: 24px;
  }
  .header ul li{
    font-size: 18px;
  }
  .subNav_left .list{
    font-size: 17px;
  }
  .subNav_right .list p{
    font-size: 17px;
  }
  .index_product>h5{
    font-size: 30px;
  }
  .index_product_list h5{
    font-size: 22px;
  }
  .index_product_list_more h5{
    font-size: 22px;
  }
  .index_serve .txt h5{
    font-size: 55px;
  }
  .index_serve .txt p span{
    font-size: 18px;
  }
  .index_serve .txt .more span{
    font-size: 26px;
  }
  .index_hot_list>h5{
    font-size: 16px;
  }
  .index_hot_list .txt h5{
    font-size: 20px;
  }
  .index_hot_list .txt p{
    font-size: 18px;
    margin-top: 28px;
  }
  .index_hot_list .txt span{
    font-size: 13px;
  }
  .index_join_list1 h5, .index_join_list2 h5{
    font-size: 26px;
  }
  .index_cook_list h5{
    font-size: 18px;
  }
  .index_cook_list p{
    font-size: 20px;
  }
  .footer .top ul li h5{
    font-size: 16px;
  }
  .footer .top ul li p{
    font-size: 13px;
  }
  .footer .bottom p{
    font-size: 13px;
  }
  .kt_product_list h5{
    font-size: 18px;
  }
  .kt_product>h5{
    font-size: 28px;
  }
  .kt_serve .txt p{
    font-size: 30px;
  }
  .kt_hot_list .txt h5{
    font-size: 22px;
  }
  .kt_hot_list .txt p span{
    font-size: 15px;
  }
  .kt_join_box h5{
    font-size: 28px;
  }
  .kt_join_box h5 span{
    font-size: 38px;
  }
  .sink_h5 span{
    font-size: 34px;
  }
  .sink_product_list h5{
    font-size: 18px;
  }
  .sink_product_list p{
    font-size: 18px;
  }
  .home_serve .txt h5{
    font-size: 55px;
  }
  .home_h5{
    font-size: 38px;
  }
  .home_hot_list h5{
    font-size: 30px;
  }
  .home_product_txt h5{
    font-size: 22px;
  }
  .home_product_txt p span{
    font-size: 14px;
  }
  .banner_list .video_txt p{
    font-size: 16px;
  }
  .banner_list .video_txt h5{
    font-size: 70px;
  }
  .banner_list .video_txt span{
    font-size: 16px;
  }
  .menu_ser_left h5{
    font-size: 18px;
  }
  .menu_ser_left p{
    font-size: 16px;
  }
  .menu_ser_box p{
    font-size: 18px;
  }
  .menu_ser_right h5{
    font-size: 16px;
  }
  .subNav3_list p{
    font-size: 16px;
  }
  .chan_on{
    width: 85px;
  }
  .product_nav span{
    font-size: 18px;
    border-radius: 36px;
  }
  .product_details_img>h5{
    font-size: 32px;
  }
  .product_details_data h5{
    font-size: 24px;
  }
  .product_details_data ul li span{
    font-size: 16px;
  }
  .product_sink_sec h5{
    font-size: 22px;
  }
  .server_ewm span{
    width: 110px;
  }
  .server_txt h5{
    font-size: 22px;
  }
  .server_txt p{
    font-size: 16px;
  }
  .server_item p{
    font-size: 22px;
  }  
  .server_item_img{
    width: 80px;
    height: 80px;
  }
  .server_icon{
    width: 170px;
    height: 128px;
  } 
  .other_anli>h5 {
    font-size: 34px;
  }
  .list_on_text h5 {
    font-size: 22px;
   }
   .anli_box_image .list p {
    font-size: 22px;
   }
   .anli_text p {
    font-size: 18px;
   }
  .shop_show_con>h5{
    font-size: 42px;
  }
  .server_message>h5{
    font-size: 42px;
  }
  .server_message>p{
    font-size: 22px;
  }
  .server_message_input p{
    font-size: 18px;
  } 
  .server2_sec h4{
    font-size: 24px;
  }
  .server2_sec h4{
    font-size: 20px;
  }
  .server2_sec p{
    font-size: 18px;
  }
  .index_new_txt h5{
    font-size: 45px;
  }
  .index_new_txt p{
    font-size: 20px;
  }
  .index_new_txt span i{
    font-size: 22px;
    padding: 0 55px;
  }
  .index_new_txt i{
    font-size: 16px;
  }
  .news_titile {
    font-size: 28px;
  }
  .news_titile .tail {
    font-size: 24px;
  }
  .service_linian p{
    font-size: 18px;
  }
  .question_top h5{
    font-size:28px;
   }
   .question_txt h4{
    font-size: 22px;
   }
   .question_txt p{
    font-size: 16px;
   }
   .question_txt h5{
    font-size: 18px;
   }
   .question_go a{
    font-size: 18px;
   }
   .question_address h5{
    font-size: 22px;
   }
   .question_address ul li{
    font-size: 18px;
   }
   .question_top span{
    font-size: 20px;
   }
   .take_img span{
    font-size: 18px;
   }
   .menu_list span{
    font-size: 13px;
   }
   .menu_list_right a {
    font-size: 13px;
   }
  .news_on_txt p{
    font-size: 14px;
  }
  .support_onright h5 {
    font-size: 24px;
   }
   .support_onright p {
    font-size: 18px;
  }
  .house1_advantage h5{
    font-size: 24px;
  }
  .house1_advantage p {
    font-size: 18px;
  }
  .process_onlist p{
    font-size: 22px;
  }
  .request_on_txt h5 {
    font-size: 20px;
   }
   .request_on_txt p {
    font-size: 16px;
    line-height: 28px;
    }
    .operat_list ul p {
      font-size: 18px;
  }
  .operat_list ul h5 {
    font-size: 22px;
   } 
   .market_txt p {
    font-size: 18px;
   }
   .message_right h4{
    font-size: 24px;
  }
  .message_right h5{
    font-size:32px;
  }
  .message_right span{
    font-size: 16px;
  }
  .message_right p{
    font-size: 18px;
  }
  .news_on_txt h5{
    font-size: 22px;
  }
  .news_on_txt p{
    font-size: 16px;
  }
  .support_onright h5 {
    font-size: 22px;
   }
   .support_onright p {
    font-size: 18px;
  }
  .online_input label{
    font-size: 16px;
  }
  .online_input input{
   font-size: 16px;
  }
  .message_right h4{
    font-size: 22px;
  }
  .message_right p{
   font-size: 16px;
  }
  .online_input textarea{
    font-size: 16px;
  }
  .electric_top h5 {
    font-size: 18px;
   }
   .overall_left p {
    font-size: 15px;
   }
   .overall_left h5{
    font-size: 15px;
  }
  .help_on_right p {
    font-size: 18px;
   }
   .help_on_right h5 {
    font-size: 22px;
   }
   .fication_left p {
    font-size: 18px;
   }
   .join_list_show p{
    font-size: 16px;
  }
  .join_title p {
    font-size: 16px;
   }
   .join_list p{
    font-size: 16px;
   }
   .join_list_show h5{
    font-size: 18px;
   }
   .media_title h5{
     font-size: 30px;
   }
   .media_title p{
    font-size: 30px;
  }
  .statement_left>h5{
    font-size: 26px;
  }
  .merchants_on p{
    font-size: 38px;
  }
  .overall_high_right h5{
    font-size: 22px;
  }
  .overall_high_right p{
    font-size: 18px;
  }
  .retail_input_map span{
    font-size: 16px;
  }
  .course_on h5{
    font-size: 24px;
  }
  .course_on p{
    font-size: 15px;
  }
  .about_course>h5{
    font-size: 18px;
  }
  .honor_all p{
    font-size: 16px;
  }
  .news_more_btn span{
    width: 170px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
  }
  .about_sec1_txt h5{
    font-size: 28px;
  }
  .about_sec1_txt p{
    font-size: 16px;
  }
  .about_sec1_txt span{
    font-size: 18px;
    padding: 0 25px;
  }
  .index_product1 h5{
    font-size: 26px;
  }
  .index_product1 h5 img{
    width: 24px;
  }
  .index_product1_list span{
    font-size: 20px;
  }
  .index_new_serve_txt h5{
    font-size: 26px;
  }
  .index_new_serve_txt h5 img{
    width: 24px; 
  }
  .index_cook>h5{
    font-size: 26px;
  }
  .index_cook>h5 img{
    width: 24px;
  }
  .about1_box h5{
    font-size: 28px;
  }
  .about1_box p{
    font-size: 16px;
  }
  .product1_img_txt h5{
    font-size:22px;
  }
  .product1_img_txt p{
    font-size: 20px;
  }
  .tion_yit{
    font-size: 36px;
  }
  .take_img_p{
    font-size: 28px;
  }
  .take_img_p span{
    font-size: 50px;
  }
  .index_home{
    width: 58px;
  }
  .index_home span{
    font-size: 16px;
    line-height: 58px;
  }  
  .index_cook_list.index_cook_list_last p{
    font-size: 32px;
  }
  .shadow_vedio_small_list p{
    font-size: 16px;
  }
  .taurant p{
    font-size: 26px;
  }
  .product_mode1 p{
   font-size: 22px;
  }
  .add_font h5{
    font-size: 22px;
  }
  .steps_on p{
    font-size: 18px;
    }
  .title_big span{
    font-size: 44px;
  }
  .suggest div{
    font-size: 28px;
  }
  .suggest1>h5{
    font-size: 28px;
  }
  .testing ul li .sub h5, .twoBox .move h5{
    font-size: 30px;
  }
  .testing ul li .sub p, .twoBox .move p{
    font-size: 18px;
  }
  .testing ul li .sup, .twoBox .move h4{
    font-size: 16px;
  }  
  .list-works__type p{
    font-size: 16px;
  }  
  .pc_nav ul li{
    font-size: 18px;
  }
  .pc_nav_list p{
    font-size: 16px;
  }
}
@media (min-width: 1770px) {
  .answ_tit h5{
    font-size: 26px;
  }
  .banner_list .txt h5{
    font-size: 60px;
  }
  .banner_list .txt p{
    font-size: 26px;
  }
  .banner_list .txt i{
    font-size: 26px;
  }
  .header ul li{
    font-size: 20px;
  }
  .subNav_left .list{
    font-size: 18px;
  }
  .subNav_right .list p{
    font-size: 18px;
  }
  .index_product>h5{
    font-size: 32px;
  }
  .index_product_list h5{
    font-size: 24px;
  }
  .index_product_list_more h5{
    font-size: 24px;
  }
  .index_serve .txt h5{
    font-size: 60px;
  }
  .index_serve .txt p span{
    font-size: 20px;
  }
  .index_serve .txt .more span{
    font-size: 28px;
  }
  .index_hot_list>h5{
    font-size: 18px;
  }
  .index_hot_list .txt h5{
    font-size: 22px;
  }
  .index_hot_list .txt p{
    font-size: 20px;
    margin-top: 30px;
  }
  .index_hot_list .txt span{
    font-size: 13px;
  }
  .index_join_list1 h5, .index_join_list2 h5{
    font-size: 28px;
  }
  .index_cook_list h5{
    font-size: 18px;
  }
  .index_cook_list p{
    font-size: 22px;
  }
  .footer .top ul li h5{
    font-size: 16px;
  }
  .footer .top ul li p{
    font-size: 13px;
  }
  .footer .bottom p{
    font-size: 13px;
  }
  .kt_product_list h5{
    font-size: 20px;
  }
  .kt_product>h5{
    font-size: 30px;
  }
  .kt_serve .txt p{
    font-size: 32px;
  }
  .kt_hot_list .txt h5{
    font-size: 24px;
  }
  .kt_hot_list .txt p span{
    font-size: 16px;
  }
  .kt_join_box h5{
    font-size: 30px;
  }
  .kt_join_box h5 span{
    font-size: 40px;
  }
  .sink_h5 span{
    font-size: 36px;
  }
  .sink_product_list h5{
    font-size: 20px;
  }
  .sink_product_list p{
    font-size: 20px;
  }
  .home_serve .txt h5{
    font-size: 60px;
  }
  .home_h5{
    font-size: 40px;
  }
  .home_hot_list h5{
    font-size: 32px;
  }
  .home_product_txt h5{
    font-size: 24px;
  }
  .home_product_txt p span{
    font-size: 14px;
  }
  .banner_list .video_txt p{
    font-size: 16px;
  }
  .banner_list .video_txt h5{
    font-size: 80px;
  }
  .banner_list .video_txt span{
    font-size: 16px;
  }
  .menu_ser_left h5{
    font-size: 18px;
  }
  .menu_ser_left p{
    font-size: 16px;
  }
  .menu_ser_box p{
    font-size: 20px;
  }
  .menu_ser_right h5{
    font-size: 18px;
  }
  .subNav3_list p{
    font-size: 18px;
  }
  .chan_on{
    width: 90px;
  }
  .product_nav span{
    font-size: 20px;
    border-radius: 40px;
  }
  .product_details_img>h5{
    font-size: 34px;
  }
  .product_details_data h5{
    font-size: 26px;
  }
  .product_details_data ul li span{
    font-size: 16px;
  }
  .product_sink_sec h5{
    font-size: 24px;
  }
  .server_ewm span{
    width: 120px;
  }
  .server_txt h5{
    font-size: 24px;
  }
  .server_txt p{
    font-size: 18px;
  }
  .server_item p{
    font-size: 24px;
  }  
  .server_item_img{
    width: 90px;
    height: 90px;
  }
  .server_icon{
    width: 180px;
    height: 135px;
  }  
  .other_anli>h5 {
    font-size: 36px;
  }
  .list_on_text h5 {
    font-size: 24px;
   }
   .anli_box_image .list p {
    font-size: 24px;
   }
   .anli_text p {
    font-size: 20px;
   }
  .shop_show_con>h5{
    font-size: 46px;
  }
  .server_message>h5{
    font-size: 46px;
  }
  .server_message>p{
    font-size: 24px;
  }
  .server_message_input p{
    font-size: 20px;
  }
  .server2_sec h4{
    font-size: 26px;
  }
  .server2_sec h4{
    font-size: 22px;
  }
  .server2_sec p{
    font-size: 18px;
  }
  .index_new_txt h5{
    font-size: 50px;
  }
  .index_new_txt p{
    font-size: 22px;
  }
  .index_new_txt span i{
    font-size: 24px;
    padding: 0 60px;
  }
  .index_new_txt i{
    font-size: 16px;
  }
  .news_titile {
    font-size: 30px;
 }
 .news_titile .tail {
  font-size: 28px;
 }
 .question_top h5{
  font-size: 30px;
 }
 .question_txt h4{
  font-size: 24px;
 }
 .question_txt p{
  font-size: 18px;
 }
 .question_txt h5{
  font-size: 20px;
 }
 .question_go a{
   font-size: 20px;
 }
 .news_on_txt h5{
  font-size: 24px;
  }
  .news_on_txt p{
    font-size: 16px;
  }
  .support_onright h5 {
    font-size: 26px;
   }
   .support_onright p {
    font-size: 18px;
  }
  .house1_advantage h5{
    font-size: 26px;
  }
  .house1_advantage p {
    font-size: 18px;
  }
  .process_onlist p{
    font-size: 24px;
  }
  .operat_list ul p {
    font-size: 18px;
  }
  .operat_list ul h5 {
    font-size: 22px;
  } 
  .market_txt p {
    font-size: 18px;
  } 
   .request_on_txt h5 {
    font-size: 24px;
   }
   .request_on_txt p {
    font-size: 18px;
  }
  .online_input label{
    font-size: 16px;
  }
  .online_input input{
   font-size: 16px;
  }
  .message_right h4{
    font-size: 26px;
  }
  .message_right p{
   font-size: 18px;
  }
  .online_input textarea{
    font-size: 16px;
  }
  .message_right h5 {
    font-size: 35px;
 }
 .message_right span {
  font-size: 16px;
 }
 .fication_left p {
  font-size:20px;
 }
 .help_on_right p {
  font-size:20px;
 }
 .help_on_right h5 {
  font-size: 24px;
 }
 .electric_top h5 {
  font-size: 20px;
}
.join_list_show p{
  font-size: 18px;
}
.join_title p {
  font-size: 18px;
 }
 .join_list p{
  font-size: 18px;
 }
 .join_list_show h5{
  font-size: 18px;
 }
 .question_address h5{
  font-size: 22px;
 }
 .question_address ul li{
  font-size: 20px;
 }
 .service_linian p{
  font-size: 20px;
 }
 .fication_left p {
  font-size: 20px;
 }
 .media_title h5{
  font-size: 36px;
  }
  .media_title p{
  font-size: 36px;
  }
  .statement_left>h5{
    font-size: 30px;
  }
  .merchants_on p{
    font-size: 40px;
  }
  .overall_high_right h5{
    font-size: 24px;
  }
  .overall_high_right p{
    font-size: 20px;
  }
  .retail_input_map span{
    font-size: 16px;
  }
  .course_on h5{
    font-size: 26px;
  }
  .course_on p{
    font-size: 15px;
  }
  .about_course>h5{
    font-size: 20px;
  }
  .honor_all p{
    font-size: 18px;
  }
  .news_more_btn span{
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  .about_sec1_txt h5{
    font-size: 30px;
  }
  .about_sec1_txt p{
    font-size: 18px;
  }
  .about_sec1_txt span{
    font-size: 20px;
    padding: 0 30px;
  }
  .index_product1 h5{
    font-size: 28px;
  }
  .index_product1 h5 img{
    width: 26px;
  }
  .index_product1_list span{
    font-size: 22px;
  }
  .index_new_serve_txt h5{
    font-size: 28px;
  }
  .index_new_serve_txt h5 img{
    width: 26px; 
  }
  .index_cook>h5{
    font-size: 28px;
  }
  .index_cook>h5 img{
    width: 26px;
  }
  .about1_box h5{
    font-size: 30px;
  }
  .about1_box p{
    font-size: 16px;
  }
  .product1_img_txt h5{
    font-size:24px;
  }
  .product1_img_txt p{
    font-size: 22px;
  }
  .tion_yit{
    font-size: 40px;
  }
  .take_img_p{
    font-size: 30px;
  }
  .take_img_p span{
    font-size: 55px;
  }
  .index_home{
    width: 60px;
  }
  .index_home span{
    font-size: 16px;
    line-height: 60px;
  }  
  .index_cook_list.index_cook_list_last p{
    font-size: 36px;
  }
  .shadow_vedio_small_list p{
    font-size: 18px;
  }
  .menu_list span{
    font-size: 13px;
   }
   .menu_list_right a {
    font-size: 13px;
   }
   .taurant p{
     font-size: 28px;
   }
   .product_mode1 p{
    font-size: 24px;
   }
   .add_font h5{
     font-size: 24px;
   }
   .steps_on p{
    font-size: 20px;
    }

  .title_big span{
    font-size: 48px;
  }
  .suggest div{
    font-size: 30px;
  }
  .suggest1>h5{
    font-size: 30px;
  }
  .testing ul li .sub h5, .twoBox .move h5{
    font-size: 32px;
  }
  .testing ul li .sub p, .twoBox .move p{
    font-size: 18px;
  }
  .testing ul li .sup, .twoBox .move h4{
    font-size: 16px;
  }
  .list-works__type p{
    font-size: 16px;
  }
  .pc_nav ul li{
    font-size: 20px;
  }
  .pc_nav_list p{
    font-size: 18px;
  }
}
/**********屏幕自适应**********/


/**********缓动**********/
.animateHide{
	-webkit-transform: translateY(100px);
  transform: translateY(100px);
	opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all cubic-bezier(0.19, 1, 0.22, 1) .9s;		
	transition: all cubic-bezier(0.19, 1, 0.22, 1) .9s;
}
.animateHide.d0{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.animateHide.d1{
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.animateHide.d2{
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.animateHide.d3{
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.animateHide.d4{
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.animateHide.d5{
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.animateHide.d6{
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.animateHide.d7{
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.animateHide.d8{
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.animateHide.d9{
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.animateShow{
	-webkit-transform: translateY(0px);
  transform: translateY(0px);
	opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
	filter:alpha(opacity=100);
}
/**********缓动**********/
	
	/********** 新闻内页 **********/	
.xian {
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  margin: 20px 0 30px 0 !important;
}
.details-t-t>p {
  text-align: center;
  font-size: 14px;
}
.details-t-t>h1 {
  text-align: center;
  /* font-family:'文鼎UD晶熙黑体_E'; */
  letter-spacing: 1px;
}
.details-box-txt {
  font-size: 16px;
  padding: 18px 0;
max-width:1100px;
margin:0 auto;
}
.details-box-txt p{
font-size: 18px;
/* font-family:huxiaobo1_e !important; */
}
.details-box-txt span{
font-size: 18px;
/* font-family:huxiaobo1_e !important; */
}
.details-box-txt img {
max-width:100%;
margin-top:10px;
margin-bottom:10px;
}	

.video_login{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, .9);
}
.video_login_con{
  width: 650px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.video_login_con h5{
  font-size: 30px;
  color: #212121;
  letter-spacing: 4px;
  margin-bottom: 40px;
  text-align: center;
}
.video_login_con div{
  padding-right: 120px;
  position: relative;
}
.video_login_con div input{
  display: block;
  width: 100%;
  border: 1px solid #666;
  border-radius: 4px;
  background: none;
  line-height: 42px;
  letter-spacing: 1px;
  padding: 0 15px;
  font-size: 16px;
  color: #212121;
}
.video_login_con div span{
  font-size: 18px;
  color: #fff;
  line-height: 44px;
  width: 118px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  background-color: #212121;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.video_login_con div span:hover{
  background-color: #9d1e3b;
  color: #fff;
}
.video_login_close{
  position: absolute;
  top: 15%;
  right: 20%;
  cursor: pointer;
}



/********** 新闻内页 **********/	
	
	
/**********手机端**********/
@media (max-width: 768px) {
  body{
    overflow-x: hidden;
    font-size: 12px;
  }
.index_home{
  display: none;
}
/* 导航 */
.phone_header{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 22;
  background: #ffffff;
  width: 100%;
  height: 60px;
}
.phone_header .logo{
  position: absolute;
  left: 16px;
  top: 17px;
  width: 155px;
}
.logo_white{
  position: absolute;
  left: 20px;
  top: 10px;
  width: 110px;
}

.menuIcon,
.menuIcon2 {
  position: absolute;
  right: 0px;
  top: 8px;
  z-index: 996;
  cursor: pointer;
}
.btn-nav {
  background: 0 0;
  border: none;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  z-index: 99999;
}
.btn-nav:focus {
  outline: 0;
}
.icon-bar {
  display: block;
  margin: 5px 0;
  width: 23px;
  height: 2px;
  background-color: #000;
}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #000;
}
.btn-nav.animated2 .icon-bar{
  background-color: #fff;
}
.btn-nav.animated2 .icon-bar.top{
  -webkit-transform: translateY(6px) rotateZ(45deg);
  transform: translateY(6px) rotateZ(45deg);
}
.btn-nav.animated2 .icon-bar.middle{
  width: 0;
}
.btn-nav.animated2 .icon-bar.bottom{
  -webkit-transform: translateY(-8px) rotateZ(-45deg);
  transform: translateY(-8px) rotateZ(-45deg);
}

.middle {
  width: 18px;
}
.icon-bar {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 999999;
}
.menuMain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /* height: 100vh; */
  z-index: 999;
  background: #2f2f2f;
  display: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.menuBox{
  margin: 60px 0px 20px 0px;
  padding: 0 20px;
  /* height: 100%; */
  position: relative;
  overflow: hidden;
}
.menuBox .home_bot .nav_ti > li div{
  color: rgba(255, 255, 255, 0.65);
}
.menuBox .home_bot .nav_ti > li ul li a{
  color: rgba(255, 255, 255, 0.8);
}
.addColor .icon-bar {
  background: #fff;
}

    /* 导航 */
.home_bot .nav_ti > li {
  border-bottom: 1px solid rgba(220, 220, 220, 0.5);
}
.home_bot .nav_ti > li>div{
  height: 45px;
  line-height: 45px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  background-size: 12px;
  display: block;
}
.nav_ti>li>div>img {
  float: right;
  font-size: 22px;
  margin-right: 15px;
  margin-top: 17px;
  transform: rotate(
90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(
90deg);
  -o-transform: rotate(90deg);
}
.home_bot .nav_ti > li ul {
  display: none;
  padding: 0 5px 5px;
}
.home_bot .nav_ti > li ul li {
  padding-left: 12px;
  line-height: 36px;
  border-bottom: 1px solid #e4e4e4;
}
.home_bot .nav_ti > li ul li:last-child{
  border-bottom: none;
}
.home_bot .nav_ti > li ul li a {
  color: rgba(0, 0, 0, 0.55);
}
.home_bot .fast li img {
  width: 30px;
  margin-right: 5px;
}
.nav_ti div img.scale1 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.home_bot_shop ul.nav_ti li ul{
  display: block;
  padding: 10px 0 0px 0px;
}
.home_bot_shop ul.nav_ti li ul li{
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.home_bot_shop ul.nav_ti li ul li img{
  width: 38%;
  border-radius: 6px;
}
.home_bot_shop ul.nav_ti li ul li p{
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 10px;
}
.home_bot_shop ul.nav_ti li{
  border-bottom: none;
}
.home_bot_shop ul.nav_ti li .phone_shop_list{
  border-bottom: 1px solid rgba(220, 220, 220, 0.5);
}

/* 首页 */
.index_new_serve_txt h5{
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.index_new_serve_txt h5 img {
  width: 15px;
}
.index_product1 h5 img {
  width: 18px;
  margin-right: 10px;
}
.index_product1 h5 {
  font-size: 16px;
  letter-spacing: 1px;
}
.index_product1_list span {
  font-size: 14px;
}
.index_product1{
  padding: 30px 15px;
}
.index_product1_list {
  margin-bottom: 15px;
}
.index_hot_list .txt h5{
  font-size: 16px;
  letter-spacing: 1px;
}
.index_hot_list .txt p{
  font-size: 14px;
  letter-spacing: 1px;
}
.index_new_serve_txt span{
  line-height: 24px;
}
.index_cook {
  padding: 30px 15px;
}
.index_cook>h5 {
  font-size: 16px;
  letter-spacing: 1px;
}
.index_cook>h5 img {
  width: 20px;
  margin-right: 15px;
}
.index_cook_list p {
  font-size: 14px;
  letter-spacing: 1px;
}
.phone_foot  .bottom {
  margin-top: 10px;
}
.phone_foot  .bottom p{
  color: rgba(0,0,0,0.4);
  text-align: center;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 22px;
}
.phone_foot{
  padding: 10px 15px 10px 15px ;
}

.product1_img_txt p{
  font-size: 14px;
}
.banner{
  margin-top: 60px;
}
.phone_serve{
  padding: 20px;
}
.phone_serve_img{
  width: 100%;
  position: relative;
}
.phone_serve_img h5{
  font-size: 30px;
  color: #212121;
  position: absolute;
  top: 15%;
  left: 10%;
  margin: 0;
}
.phone_serve_img h5 p{
  font-size: 12px;
  color: #212121;
  margin: 0;
  margin-top: 10px;
}
.phone_serve_img span{
  position: absolute;
  bottom: 8%;
  left: 10%;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 0 10px;
  background-color: rgba(157, 30, 59, 0.8);
}
.phone_product{
  padding: 0px 0 0px 0;
}
.phone_product_first{
  padding-top: 40px;
}
.phone_product .row{
  padding: 0 6px;
}
.phone_product>h5{
  font-size: 18px;
  color: #212121;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
}
.index_video{
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-bottom: 20px;
}
.index_video video{
  width: 116%;
  left: -8%;
  top: -17.5%;
}
.phone_product_img{
  position: relative;
}
.phone_product_img p{
  font-size: 14px;
  color: #fff;
  margin: 0;
  position: absolute;
  left: 5%;
  top: 5%;
  letter-spacing: 1px;
}
.phone_product_img.phone_product_img1 p{
  color: #fff;
}
.index_hot>h5{
  font-size: 18px;
  justify-content: center;
  margin-bottom: 20px;
}
.index_hot_list .txt span{
  border: 1px solid #9d1e3b;
  background-color: #9d1e3b;
}
.index_hot{
  padding-left: 2px;
  padding-right: 2px;
}

.phone_join>h5{
  font-size: 18px;
  color: #212121;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
}
.index_cook>h5{
  font-size: 18px;
  justify-content: center;
  margin-bottom: 20px;
}
.index_cook_phone_more{
  display: block;
  width: 100px;
  line-height: 35px;
  font-size: 14px;
  color: #fff;
  background-color: #9d1e3b;
  border-radius: 3px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.index_cook_list{

  overflow: hidden;
}
.index_cook_list>img{

}
.ganda ul{
  display: flex;
  justify-content: space-between;
}
.index_cook{
  padding-left: 0;
  padding-right: 0;
}

.menu_list{
  padding: 3%;
  padding-bottom: 1.5%;
}
.menu_list>span a{
  padding: 0 6px 0 6px;
  margin-bottom: 10px;
}
.menu_list_right{
  display: none;
}
.menu_list_pro.fiexd .menu_list{
  top: 0;
}
.product_sink {
  padding: 0 5% 5% 5%;
}
.product_sink_sec h5{
  font-size: 20px;
  margin-top: 0%;
}
.product_sink_sec h5 img{
  width: 18px;
  vertical-align: -5px;
}
.product_sink_list p{
  font-size: 16px;
  margin-top: 6%;
}
.product_sink_list{
  margin-bottom: 10%;
}
.phone_foot .bottom p span{
  display: none;
}
.phone_foot .bottom p:last-child span{
  display: inline-block;
}
.product_details{
  padding-top: 0;
}
.product_details_img{
  width: 100%;
}
.product_details_img>h5{
  font-size: 20px;
}
.product_details_box{
  padding: 5%;
}
.add_font h5{
  font-size: 20px;
}
.add_font h5>img{
  width: 18px;
  vertical-align: -5px;
}
.add_font{
  margin-top: 0;
}
.news_more_btn span{
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  margin-bottom: 30px;
}
.product_mode1 p{
  font-size: 16px;
  margin: 2% 0 0 0;
}
.product_sink_home .product_sink_list_img{
  padding: 0;
}
.swiper-container_anli .swiper-slide-active{
  width: 100% !important;
}
.anli_box{
  padding: 0 10%;
}
.swiper_anli{
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 46px;
}
.index_anli_next{
  right: -25px;
}
.index_anli_prev{
  left: -25px;
}
.anli_box_image .list p{
  font-size: 18px;
}
.anli_text p{
  font-size: 14px;
  line-height: 20px;
}
.on_title p{
  font-size: 12px;
  line-height: 18px;
}
.anli_details_on{
  padding: 0 5%;
}
.details_on_left{
  position: relative;
  width: 100%;
  left: 0;
}
.details_on_right{
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
.on_title h5{
  margin: 10px 0 10px 0;
  font-size: 14px;
}
.anli_details_on2 .details_on_right{
  float: none;
  width: 100%;
}
.anli_details_on2 .details_on_left{
  right: 0;
  width: 100%;
}
.bathroom_txt{
  position: relative;
  left: 0;
  width: 100%;
}
.bathroom_img{
  width: 48%;
}
.product_sink_details .product_sink_tit {
  margin-top: 5%;
  padding: 0 5%;
}
.door_model{
  padding: 0 5%;
}
.door_model_box{
  width: 100%;
}
.model_details b{
  font-size: 20px;
}
.model_details{
  padding-left: 80px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.dist_padding {
  padding: 5%;
}
.news_titile{
  font-size: 20px;
  margin: 0 0 5% 0;
}
.service_linian p{
  font-size: 14px;
}
.take_care ul li{
  width: 30%;
  margin-right: 3%;
  font-size: 13px;
  margin-bottom: 3%;
  height: 40px;
  line-height: 40px;
}
.take_img span{
  display: block;
  font-size: 13px;
  margin-left: 0px;
  margin-top: 15px;
}
.take_img_p{
  font-size: 16px;
}
.take_img_p span{
  font-size: 24px;
}
.take_img img{
  width: 100px;
}
.question_top h5{
  font-size: 18px;
}
.question_top span{
  font-size: 16px;
}
.question_txt h4{
  font-size: 15px;
}
.question_txt h5{
  font-size: 14px;
}
.question_txt p{
  font-size: 14px;
}
.question_go a{
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
.cooperations2{
  padding: 5%;
}
.cooperations2 h5{
  font-size: 24px;
}
.message_left{
  width: 50%;
  float: none;
}
.message_right{
  position: relative;
  width: 100%;
  left: 0%;
  bottom: 0%;
  margin-top: 4%;
}
.message_right p{
  font-size: 15px;
}
.message_right h5{
  font-size: 20px;
  margin: 0 0 15px 0;
}
.cook_box{
  padding: 5%;
}
.cook_show_con{
  width: 90%;
  left: 5%;
}
.cook_show_close {
  right: 0;
}
.about_sec1_box:first-child{
  padding-right: 0;
}
.about_sec1_txt{
  width: 100%;
  position: relative;
  top: 0%;
  padding: 5%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.about_sec1_txt h5{
  font-size: 16px;
}
.about_sec1_txt p{
  font-size: 14px;
  width: 100%;
  margin-bottom: 5%;
}
.about_sec1_txt span{
  font-size: 15px;
  padding: 0 20px;
}
.about_sec1_box:last-child{
  padding-left: 0;
}
.about_sec1_box:last-child .about_sec1_txtp{
  padding-left: 5%;
}
.honor_all p{
  font-size: 13px;
}
.about1_box h5{
  font-size: 24px;
}
.about1_box p{
  font-size: 13px;
}
.about2_box h5{
  padding-left: 10%;
  padding-right: 10%;
}
.about2_box p{
  padding-left: 10%;
  padding-right: 10%;
}
.media_1{
  padding: 0 5%;
}
.media_title h5{
  font-size: 24px;
}
.media_title p{
  font-size: 16px;
}
.media_one_box{
  padding: 0 5%;
}
.dista_left{
  width: 100%;
}
.dista_right{
  width: 100%;
  height: auto !important;
  margin-top: 10px;
}
.media_one_img p{
  font-size: 16px;
  left: 20px;
  right: 20px;
}
.news_pad{
  padding: 5%;
}
.news_on_txt{
  padding: 0;
}
.news_on_txt h5{
  font-size: 14px;
  line-height: 20px;
}
.news_on_txt p{
  font-size: 12px;
}
.news_on_a{
  margin-top: 8%;
  margin-bottom: 8%;
}
.details-t-t>h1{
  font-size: 20px;
}
.details-box-txt{
  font-size: 13px;
}
.details-box-txt p{
  font-size: 13px;
  text-indent: 0 !important;
}
.details-box-txt p span{
  font-size: 13px !important;
}
.shadow_padd{
  padding: 5%;
}
.shadow_vedio_small_list{
  width: 46%;
  margin: 0 2%;
}
.shadow_vedio_small_list p{
  margin: 15px 0;
  font-size: 13px;
}
.join_top{
  padding-top: 50px;
}
.join_top .join.dist_padding{
  padding: 5%;
}
.media_title p.join_p{
  padding-left: 0;
  margin-top: 20px;
}
.join2_lities_nav{
  padding: 5%;
}
.join2_img{
  margin-bottom: 0;
}
.statement_left h5{
  font-size: 16px;
}
.statement_left{
  width: 25%;
}
.statement_right ul li h5{
  font-size: 14px;
}
.duties_on{
  width: 100%;
}
.statement_right{
  width: 72%;
}
.duties_on p{
  font-size: 12px;
  line-height: 20px;
}

.banner_phone_nav{
  z-index: 1000;
  width: 100%;
  position: fixed;
  bottom: 7%;
  left: 0;
  display: flex;
  justify-content: center;
}
.banner_phone_nav span{
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #fff;
  background-color: #191718;
  padding: 15px 22px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 6px;
}
.banner_phone_nav span i{
  width: 24px;
  height: 24px;
  margin-right: 4px;
  position: relative;
}
.banner_phone_nav span i img{
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.phone_find_ser{
  width: 100%;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 998;
  background-color: #fff;
  padding: 20px 0;
  display: none;
}
.phone_find_ser_input{
  width: 90%;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 1px 10px 0 rgba(42, 48, 52, 0.19);
}
.phone_find_ser_input input{
  display: block;
  line-height: 40px;
  background-color: #fff;
  border-right: 4px;
  padding: 0 10px;
  border: none;
  font-size: 14px;
  color: #212121;
  width: 100%;
}
.phone_find_ser_input>span{
  font-size: 24px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 10px;
  color: #212121;
  padding: 0 10px;
  cursor: pointer;
}
.phone_find_ser h5{
  font-size: 14px;
  color: #afafaf;
  padding: 20px;
}
.phone_find_ser  p{
  font-size: 14px;
  color: #212121;
  padding: 15px 20px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone_find_ser  p.bg{
  background-color: #f6f6f6;
}
.phone_find_ser  p span{
  color: #212121;
  line-height: 2.4;
  border: 1px solid #d3d3d3;
  padding: 0 16px;
  border-radius: 4px;
}

.phone_find_pro{
  width: 85%;
  position: fixed;
  left: 0;
  bottom: 5%;
  z-index: 1000;
  background-color: #fff;
  display: none;
  padding: 15px 12px 15px 15px;
}
.phone_find_pro>span{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #fff;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #212121;

}
.phone_find_pro h5{
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  line-height: 40px;
  margin: 0;
  padding: 0 5px;
  margin-bottom: 15px;
}
.phone_find_pro ul{
  padding: 0;
  margin: 0;
}
.phone_find_pro div:nth-child(4) ul{
  min-height: 178px;
}
.phone_find_pro ul li{
  width: 32.5%;
  float: left;
  background-color: #f5f5f5;
  padding: 12% 0;
  margin-bottom: 2px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.phone_find_pro ul li:nth-child(3n+2){
  margin-left: 1.25%;
  margin-right: 1.25%;
}
/* .phone_find_pro ul li:hover{
  background-color: #811c33;
} */
.phone_find_pro ul li span{
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  position: relative;
}
.phone_find_pro ul li span img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.phone_find_pro ul li span img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.phone_find_pro ul li span img:last-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
/* .phone_find_pro ul li:hover span img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.phone_find_pro ul li:hover span img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
} */
.phone_find_pro ul li p{
  font-size: 12px;
  margin: 0;
  color: #737373;
  text-align: center;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
/* .phone_find_pro ul li:hover p{
  color: #fff;
} */
.phone_find_pro ul li.active{
  background-color: #811c33;
}
.phone_find_pro ul li.active span img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.phone_find_pro ul li.active span img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.phone_find_pro ul li.active p{
  color: #fff;
}
.phone_find_pro_nav{
  margin-bottom: 20px;
}
.phone_find_pro ul.phone_find_pro_nav li{
  width: 49.2%;
  margin-left: 0;
  margin-right: 2px;
}
.phone_find_pro_list{
  display: none;
}




.phone_ser_icon{
  padding: 8% 0 4% 0;
}

.phone_find_server{
  width: 85%;
  position: fixed;
  left: 0;
  bottom: 7%;
  z-index: 1000;
  padding: 15px 12px 15px 15px;
  background-color: #fff;
  display: none;
}
.phone_find_server>span{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #fff;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #212121;

}
.phone_find_server h5{
  font-size: 20px;
  font-weight: 600;
  color: #212121;
  line-height: 40px;
  margin: 0;
  padding: 0 10px;
  margin-bottom: 15px;
}
.phone_find_server ul{
  padding: 0;
  margin: 0;
}
.phone_find_server ul li{
  width: 49.2%;
  float: left;
  background-color: #f5f5f5;
  padding: 10% 0;
  margin-bottom: 2px;
  margin-right: 2px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.phone_find_server ul li:nth-child(3n+2){
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.phone_find_server ul li:hover{
  background-color: #811c33;
}
.phone_find_server ul li span{
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  position: relative;
}
.phone_find_server ul a:first-child li span{
  width: 80px;
  height: 54px;
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}
.phone_find_server ul li span img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.phone_find_server ul li span img:first-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.phone_find_server ul li span img:last-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.phone_find_server ul li:hover span img:first-child{
  opacity:0;
  -moz-opacity:0; 
  -khtml-opacity:0;
  -webkit-opacity:0;
  filter:alpha(opacity=0);
}
.phone_find_server ul li:hover span img:last-child{
  opacity:1;
  -moz-opacity:1; 
  -khtml-opacity:1;
  -webkit-opacity:1;
  filter:alpha(opacity=100);
}
.phone_find_server ul li p{
  font-size: 12px;
  margin: 0;
  color: #737373;
  line-height: 18px;
  text-align: center;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.phone_find_server ul li:hover p{
  color: #fff;
}
.menuIcon_right_white{
  display: flex;
  position: absolute;
  top: 0;
  right: 80px;
  top: 10px;
}
.menuIcon_right_white span{
  margin-left: 20px;
  padding: 5px;
}
.menuIcon_right_b{
  display: flex;
  position: absolute;
  top: 0;
  right: 65px;
  top: 14px;
}
.menuIcon_right_b span{
  margin-left: 15px;
  padding: 5px;
}

.sub_phone_pro{
  padding: 20px;
}
.sub_phone_pro li{
  width: 32.5%;
  float: left;
  background-color: transparent;
  padding: 5% 0;
  margin-bottom: 1.25%;
  padding-left: 0 !important;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.sub_phone_pro li:nth-child(3n+2){
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.sub_phone_pro li:hover{
  background-color: #811c33;
}
.sub_phone_pro_nav li.active{
  background-color: #811c33;
}
.sub_phone_pro li p{
  font-size: 12px;
  margin: 0;
  color: #fff;
  text-align: center;
}
.sub_phone_pro li span{
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  position: relative;
}
.sub_phone_pro_list{
  display: none;
}
.sub_phone_pro_nav{
  display: block !important;
}
.home_bot{
  margin-bottom: 20px;
}
.phone_footer_logo{
  text-align: center;
  margin-bottom: 20px;
}
.phone_footer_logo img{
  width: 32%;
}
/* 12.1 */
.title_big span {
  font-size: 20px;
}
.suggest div {
  font-size: 20px;
}
.suggest ul {
  padding: 10px 0;
}
.shopList ul li, .suggest ul li {
  display: inline-block;
  width: 25%;
}
.city_box .name {
  left: 17px;
  top: 4px;
}
.city_box {
  padding: 0;
  width: 80%;
  height: 40px;
  line-height: 40px;
  margin-top: 0px;
}
.city_box .input {
  width: 86%;
}
.suggest>div.box {
  padding-top: 10px;
}
.btnTab {
  margin-top: 10px;
}
.suggest1>h5 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}
.get_question_new a {
  padding: 10px 15px;
}
.service_top {
  margin-top: 50px;
}
.form-wrap1 {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.mation {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
}
.heli_answ {
  padding: 0 15px;
}
.answ_tit h5 {
  font-size: 18px;
}
.answ_tit span {
  position: relative;
  right: 0;
  top: 5px;
}
.answ_ter_left {
  padding-right: 0;
  width: 100%;
}
.answ_ter_right {
  width: 100%;
}
.ter_right_a a {
  height: 35px;
  line-height: 35px;
}
.other {
  padding: 0% 15px;
  margin-top: 10px;
}
.other_left {
  width: 100%;
}
.other_right{
  width: 100%;
}
.cooperations2 h5 img {
  width: 35%;
}
.steps_on img {
  width: 20px;
}
.steps_on p {
  font-size: 14px;
}
.steps_on {
  width: 33.33%;
  margin-top: 20px;
}
.message_left {
  width: 100%;
}
.about2_box p {
  padding-left: 0;
  padding-right: 0;
}
.course_pagin {
  display: none;
}
.course_top {
  padding-top:20px;
}
.about_course>h5 {
  font-size: 16px;
  margin: 0 0 10px 0;
  padding-left: 85px;
}
.course_on h5 {
  font-size: 20px;
}
.agree {
  width: 100%;
  padding: 0 15px;
}
.new_serv_list p {
  height: 35px;
  line-height: 35px;
  width: 100px;
}
.btn-group span {
  font-size: 12px;
  width: 100px;
  height: 35px;
  line-height: 35px;
}
.phone_foot {
  background-color: #fbfbfb;
  padding-bottom: 30px;
}
.phone_join{
  margin-bottom: 30px;
  text-align: center;
  padding-top: 40px;
}
.phone_join_img{
  position: relative;
}
.phone_join span{
  display: inline-block;
  font-size: 13px;
  line-height: 2.6;
  padding: 0 35px;
  color: #f5f5f5;
  letter-spacing: 0px;
  border-radius: 3px;
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;
  transition: all cubic-bezier(.18,1,.21,1) .9s;
  border: 1px solid #9d1e3b;
  background-color: #9d1e3b;
  position: absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.phone_foot .bottom {
  margin-top: 0;
}
.tabs li div {
  border: 1px solid #ffffff;
  padding: 10px 5px;
}
.tabs li {
  width: 25%;
  border-right: none;
}
.news_all {
  margin-top: 50px;
}

.phone_video_news{
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}
.phone_video_news2{
  margin-top: 20px;
}
.phone_video_news3{
  margin-top: 20px;
}
.phone_video_news h5{
  width: 100%;
  position: absolute;
  top: 32%;
  left: 0;
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin: 0;
  margin-bottom: 20px;
}
.phone_video_news h5 img{
  width: 32px;
  margin-right: 12px;
}
.phone_video_news h5 span{
  display: block;
  font-size: 14px;
  line-height: 30px;
  padding-top: 5px;
  color: #fff;
  border-radius: 4px;
}

.index_video_show{
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  z-index: 2;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.index_video_show video{
  width: 100%;
  -webkit-transform:scale(.5);
  transform:scale(.5);
  -webkit-transition: all cubic-bezier(.18,1,.21,1) .9s;	
  transition: all cubic-bezier(.18,1,.21,1) .9s;
}
.index_video_show.active video{
  -webkit-transform:scale(1);
  transform:scale(1);
}
.index_phone_close{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
}

.phone_news{
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.phone_news_con{
  width: 100%;
  position: relative;
  margin-bottom: 4px;
}
.phone_news_con p{
  padding: 10px;
  margin-bottom: 0;
  font-size: 15px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.phone_news_more{
  font-size: 14px;
  color: #921f39;
  text-align: center;
  cursor: pointer;
  margin-top: 30px;
}
.phone_news_show{
  display: none;
}
.phone_news .row{
  padding: 0;
}
.phone_news .phone_product_img p{
  font-size: 12px;
  top: auto;
  bottom: 5%;
  position: relative;
  color: #333;
  left: 0;
  padding: 10px 15px;
  letter-spacing: 0;
}
.phone_foot_img {
  text-align: center;
  margin-bottom: 10px;
}
.phone_foot_img  a{
  border: 1px solid #ccc;
  border-radius: 100%;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 5px;
}
.phone_foot_img img{
 width: 100%;
}
.watch_more {
  text-align: center;
  margin-top: 20px;
}
.watch_more a{
  color: #9d1e3b;
}
.swiper_banner .swiper-pagination {
  bottom: 20px;
}
.banner_list{
  background-position: center bottom;
}
.btnTab{
  line-height: 40px;
  width: 200px;
}
.testing ul{
  flex-wrap: wrap;
}
.testing ul li{
  width: 100%;
  flex: auto;
  margin-bottom: 10px;
}
.testing ul li .sub h5{
  font-size: 16px;
}
.testing ul li .sub p{
  font-size: 14px;
}
.testing ul li:nth-child(2){
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
.twoBox{
  flex-wrap: wrap;
}
.twoBoxLeft{
  width: 100%;
  flex: auto;
}
.twoBoxRight{
  width: 100%;
  flex: auto;
}
.twoBoxLeft .move{
  bottom: 2%;
}
.twoBox .move h5{
  font-size: 16px;
}
.twoBox .move p{
  font-size: 13px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.twoBox .move h4{
  font-size: 12px;
}
.twoBoxRight{
  height: 220px;
  margin-right: 0;
  margin-top: 10px;
  margin-left: 0;
}
.tabs li a span{
  width: 30px;
  height: 25px;
  background-size: cover !important;
}
.product_details_img .product_details_img_list img{
  width: 100% !important;
  height: auto !important;
}
.product_details_data table tr td{
  font-size: 12px;
  width: 25%;
  display: inline-block;
}

/* 4.28 */
.phone_video_news h5 {
  top: auto;
  bottom: 3%;
  margin: 0;
  text-align: right;
  padding-right: 20px;
}
/* 5.25 */
.phone_foot_img a{
  position: relative;
}
.phone_foot_img a i{
  position: absolute;
  width: 200%;
  left: -50%;
  bottom: 110%;
  opacity: 0;
}

.phone_foot_img a:hover i{
  opacity: 1;
}


.zpgg_show_con{
  width: 80%;
}
.zpgg_show_close {
  top: -40px;
  right: -14px;
}
.zpgg_show_close img{
  width: 18px;
}
.zpgg_show_con {
  width: 80%;
  top: 60px;
  bottom: 20px;
  left: 10%;
}
.zpgg_show_con_img::-webkit-scrollbar-track-piece {
  width: 6px;
  background-color: #fff;
}
.zpgg_show_con_img::-webkit-scrollbar {
  width: 6px;
}
.zpgg_show_con_img::-webkit-scrollbar-thumb {
	background-color: #212121;
	border-radius: 6px;
}
.zpgg_show_con_img::-webkit-scrollbar-thumb:hover {
	background: #212121;
	color: #fff;
}
.video_login_con{
  width: 90%;
}
.video_login_con h5{
  font-size: 24px;
  margin-bottom: 20px;
}
.video_login_con div span{
  width: 78px;
}
.video_login_con div{
  padding-right: 80px;
}
.search_web{
  padding: 0 6%;
  padding-top: 30px;
  padding-bottom: 0px;
}
.search_input{
  width: 100%;
}
.search_nav{
  padding-bottom: 10px;
}
.search_nav span{
  margin-right: 10px;
}
.search_nav span::before{
  bottom: -14px;
}
.search_news_list h5{
  font-size: 14px;
  line-height: 1.4;
}
.search_news_list p{
  font-size: 12px;
}

}
/********** 手机端 **********/