@charset "utf-8";
.subNav {
	line-height: 48px;
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #e5e3da;
	
}

.subNav-tit {
	display: block;
	padding: 0 10px;
	margin-right: 50px;
	line-height: 56px;
	font-size: 18px;
	color: #000;
}

.subNav:hover {
	color: #277fc2;
}
.subNav .pos{ position: relative; width: 100%; height:70px; line-height: 70px;}
.subNav .tit{ width: 275px; position: absolute; left: 0; bottom: 0; height: 90px; line-height: 90px;}
.subNav .tit::before{ content: ""; position: absolute; top: 0; right: 0; width: 8000%; height: 100%; background: #a2a2a2; border-radius:0px 30px 0px 0px;}
.subNav .tit .bt{ font-size: 36px; position: absolute; left: 0; bottom: 0; color: #fff;}
.subNav .tit .line{ width: 75px; height: 1px; position: absolute; right: 36px; bottom:40px; background: #fff;}
.subNav .subLink{ margin-left: 290px; line-height: 68px; margin-bottom: 2px; float: left;}
.subNav .subLink .a{ font-size: 28px; color: #b1b1b1; display: inline-block; margin: 0 25px; padding:0 25px; position: relative;}
.subNav .subLink .a::after{ content: ""; display: block; width: 1px; height: 20px; position: absolute; right: -28px; top: 26px; background: #dcdcdc;}
.subNav .subLink .a:last-child::after{ display: none;}
.subNav .subLink .a.on,.subNav .subLink .a:hover{ color: #999797; border-bottom: 2px solid #a2a2a2;}
.subNav .mbx{ padding-left: 25px; background: url(../images/3113_sub2.png) no-repeat left center; background-size: 15px 15px; float: right;}
.subNav .mbx .p{ float: left; font-size: 14px; color: #666;}
.subNav .mbx a{ display: inline-block; font-size: 14px; color: #666;}
.subNav .mbx a.on,.subNav .mbx a:hover{ color: #999797;}

#on{color: #999797; border-bottom: 2px solid #a2a2a2;}

.ydcp{overflow:hidden;}

.wrap {
  
  margin: 0 auto;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  width: 100%;
  box-sizing: border-box;
}





.columnTitle .tit { text-align:center;
  font-size: 50px;
  color: #040000;font-weight:bold;letter-spacing:5px;
}
.columnTitle .tit p{font-size: 30px;    font-weight: normal; color:#6c6c6c; margin-top:10px;}
.columnTitle .txt {

  font-size:100px;
  
  color: #a2a2a2;
  opacity: .1;
  margin-top: 4px;text-align:center;
  margin-top:20px;letter-spacing:10px;
}
.product {
  background:#fff;
  padding: 70px 30px;
}
.product .columnTitle {
 padding-bottom:20px;
}
.product .swiper-container {
  margin-top: 60px;
}
.product .swiper-container .swiper-slide {
  text-align: center;
  position: relative;background:#fbfbfb;
  
}
.product .swiper-container .swiper-slide a {
  display: block;
  padding-bottom: 22px;
  border-bottom: solid 2px #e3e3e3;padding:50px 10px;
}
.product .swiper-container .swiper-slide a::after {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 5;
  background: #edc9c6;
  width: 0;
  height: 2px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide a:hover::after {
  width: 100%;
}
.product .swiper-container .swiper-slide a:hover .pic img {
  transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
}
.product .swiper-container .swiper-slide a:hover .tit {
  color: #edc9c6;
}
.product .swiper-container .swiper-slide .pic {
  
}
.product .swiper-container .swiper-slide .pic img {
  height: 500px;
 
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide .tit,
.product .swiper-container .swiper-slide .txt {
  
  padding: 0 5px;

  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide .tit h3{    font-weight: normal;
  font-size:50px;
  
  color: #040000;
  margin-bottom: 20px; letter-spacing:5px;
}
.product .swiper-container .swiper-slide .tit p{font-size: 26px;
  
  color: #6c6c6c;
  margin-bottom: 30px; letter-spacing:5px;}
.product .swiper-container .swiper-slide .txt {
  font-size: 26px;
  color: #6c6c6c;line-height:40px;margin-bottom: 50px;min-height:120px; letter-spacing:5px;
}
.product .wrap {
  position: relative;padding:0px 100px;
}

.product .wrap .prev,
.product .wrap .next {
	display:none;
  width: 85px;
  height: 85px;
  position: absolute;
  left:0px;
  top: 48%;
  z-index: 5;
  cursor: pointer;
  outline: none;opacity: .3;
  background: url(../images/arrow5.png) no-repeat center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .wrap .prev:hover{opacity:1;}
.product .wrap .next:hover{opacity:1;}
.product .wrap:hover .prev{display:block;}
.product .wrap:hover .next{display:block;}
.product .wrap .next{
  left: auto;
  right:0px;
  background-image: url(../images/arrow6.png);
}

.product .wrap .swiper-button-disabled {
  
}






.tyhdsjd {
  background:#fff;
  padding: 70px 30px;
}
.tyhdsjd .columnTitle {
 padding-bottom:20px;
}
.tyhdsjd .swiper-container {
  margin-top: 60px;
}
.tyhdsjd .swiper-container .swiper-slide {
  text-align: center;
  position: relative;background:#fbfbfb;
  
}
.tyhdsjd .swiper-container .swiper-slide a {
  display: block;
  padding-bottom: 22px;
  padding:50px 10px;
}
.tyhdsjd .swiper-container .swiper-slide a::after {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 5;
  background: #edc9c6;
  width: 0;
  height: 2px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.tyhdsjd .swiper-container .swiper-slide a:hover::after {
  width: 100%;
}

.tyhdsjd .swiper-container .swiper-slide a:hover .tit {
  color: #edc9c6;
}
.tyhdsjd .swiper-container .swiper-slide .pic {
  
}
.tyhdsjd .swiper-container .swiper-slide .pic img {
  height: 500px;
 
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.tyhdsjd .swiper-container .swiper-slide .tit,
.tyhdsjd .swiper-container .swiper-slide .txt {
  margin-top:5px;
  padding: 0 5px;

  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.tyhdsjd .swiper-container .swiper-slide .tit h3{    font-weight: normal;
  font-size:50px;
  
  color: #040000;
  margin-bottom: 20px; letter-spacing:5px;
}
.tyhdsjd .swiper-container .swiper-slide .tit p{font-size: 26px;
  
  color: #6c6c6c;
  margin-bottom: 30px; letter-spacing:5px;}
.tyhdsjd .swiper-container .swiper-slide .txt {
  font-size: 26px;
  color: #6c6c6c;line-height:40px;margin-bottom: 50px;min-height:120px; letter-spacing:5px;
}
.tyhdsjd .wrap {
  position: relative;padding:0px 100px;
}

.tyhdsjd .wrap .prev,
.tyhdsjd .wrap .next {
	display:none;
  width: 85px;
  height: 85px;
  position: absolute;
  left:0px;
  top: 48%;
  z-index: 5;
  cursor: pointer;
  outline: none;opacity: .3;
  background: url(../images/arrow5.png) no-repeat center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.tyhdsjd .wrap .prev:hover{opacity:1;}
.tyhdsjd .wrap .next:hover{opacity:1;}
.tyhdsjd .wrap:hover .prev{display:block;}
.tyhdsjd .wrap:hover .next{display:block;}
.tyhdsjd .wrap .next{
  left: auto;
  right:0px;
  background-image: url(../images/arrow6.png);
}

.tyhdsjd .wrap .swiper-button-disabled {
  
}